Menu

Beta
Sign in
Beta
Checklist SVG illustration, flat

Checklist SVG illustration, flat

A clipboard holds four task rows, with three boxes checked and one still empty. Use it in an onboarding checklist or a project setup guide.

Free · from Onboarding Illustrations, Flat

Similar SVGs

More from Onboarding Illustrations, Flat

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/EC48Ry6qGNFG/amnt.svg" alt="Checklist" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300" fill="none"><ellipse cx="200" cy="268" rx="105" ry="11" fill="#DEDCE8" opacity=".55"/><rect x="105" y="35" width="190" height="225" rx="16" fill="#8D87A5"/><rect x="105" y="35" width="183" height="219" rx="14" fill="#B9B3CB"/><rect x="120" y="50" width="153" height="190" rx="7" fill="#DEDCE8"/><rect x="120" y="47" width="153" height="189" rx="7" fill="#FAF5EA"/><path d="M179 35v-5a18 18 0 0 1 36 0v5h13a7 7 0 0 1 7 7v17a5 5 0 0 1-5 5h-66a5 5 0 0 1-5-5V42a7 7 0 0 1 7-7h13Z" fill="#8D87A5"/><path d="M179 31a18 18 0 0 1 36 0v4h13a7 7 0 0 1 7 7v12a5 5 0 0 1-5 5h-66a5 5 0 0 1-5-5V42a7 7 0 0 1 7-7h13v-4Z" fill="#DDD3B7"/><circle cx="197" cy="30" r="6" fill="#8D87A5"/><rect x="175" y="45" width="44" height="4" rx="2" fill="#FAF5EA" opacity=".7"/><rect x="140" y="82" width="24" height="24" rx="5" fill="#A9C8B8"/><path d="m146 94 4 4 8-9" stroke="#4C655D" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><rect x="178" y="86" width="76" height="6" rx="3" fill="#8D87A5"/><rect x="178" y="98" width="54" height="4" rx="2" fill="#DEDCE8"/><rect x="140" y="119" width="24" height="24" rx="5" fill="#A9C8B8"/><path d="m146 131 4 4 8-9" stroke="#4C655D" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><rect x="178" y="123" width="64" height="6" rx="3" fill="#8D87A5"/><rect x="178" y="135" width="75" height="4" rx="2" fill="#DEDCE8"/><rect x="140" y="156" width="24" height="24" rx="5" fill="#A9C8B8"/><path d="m146 168 4 4 8-9" stroke="#4C655D" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><rect x="178" y="160" width="74" height="6" rx="3" fill="#8D87A5"/><rect x="178" y="172" width="46" height="4" rx="2" fill="#DEDCE8"/><rect x="141" y="194" width="22" height="22" rx="4" stroke="#B9B3CB" stroke-width="2"/><rect x="178" y="197" width="60" height="6" rx="3" fill="#B9B3CB"/><rect x="178" y="209" width="73" height="4" rx="2" fill="#DEDCE8"/><circle cx="78" cy="100" r="5" fill="#A9C8B8"/><circle cx="322" cy="204" r="4" fill="#DDD3B7"/><path d="m313 66 6-7 7 6-6 7Z" fill="#DDD3B7"/><path d="m76 199 7 3m233-91 6-4" stroke="#B9B3CB" stroke-width="3" stroke-linecap="round"/></svg>
CSS background-image
.checklist {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/EC48Ry6qGNFG/amnt.svg");
  background-size: contain;
}
React
import ChecklistSvg from "./checklist.jsx"; // from the React tab above

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

Tags

checklisttasksstepsonboardingillustrationflat

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words Checklist: Clipboard with four rows, three checked boxes, and one empty box. as part of the pack Onboarding Illustrations, Flat. 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