Menu

Beta
Sign in
Checkmark SVG icon, rounded

Checkmark SVG icon, rounded

A checkmark communicates completion, approval, or a successful choice. Use it in a website form confirmation or beside a completed task in a mobile app checklist.

Free · from Rounded Interface Icons

Similar SVGs

More from Rounded Interface Icons

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/sWDhHSjnb_fM/amnt.svg" alt="Checkmark" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><g id="layer-1" data-name="Shape 1"><path d="M11 31L17 25C17.78 24.22 19.05 24.22 19.83 25L27 32.17L44.17 15C44.95 14.22 46.22 14.22 47 15L53 21C53.78 21.78 53.78 23.05 53 23.83L29.83 47C28.27 48.56 25.73 48.56 24.17 47L11 33.83C10.22 33.05 10.22 31.78 11 31Z" fill="#a8dadc" stroke="#264653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g></svg>
CSS background-image
.checkmark {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/sWDhHSjnb_fM/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.checkmark {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/sWDhHSjnb_fM/amnt.svg") center / contain no-repeat;
}
React
import CheckmarkSvg from "./checkmark.jsx"; // from the React tab above

<CheckmarkSvg width={48} height={48} />

Tags

checkmarkcompletesuccessapproved

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words Checkmark. Flat, rounded icons in a consistent set. Use two colours and clean 2 px lines with rounded ends and corners. Keep the shapes simple, balanced, and easy to recognise at small sizes. Use the same proportions, line weight, and colour placement for every icon. as part of the pack Rounded Interface Icons. Want one like it? Make your own in the SVG studio.

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence

Settings