Beta

Checklist SVG illustration, flat

Free
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.

Sign in to download. Free SVGs are free with any account.

checklisttasksstepsonboardingillustrationflat

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} />

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.

Rest of Onboarding Illustrations, Flat

Whole pack

Similar SVGs

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