Add icons to this collection by clicking the heart icon.
Task List icon - also known as interface, smartphone, tasks, list, items, ui, task, to do list, task list, and deliverable. Created in a clean flat style with a white, silver, black, teal, navy, purple, and orange finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 64 64"
>
<path
fill="#0a5078"
d="M48 7v50c0 1.66-1.34 3-3 3H19c-1.66 0-3-1.34-3-3V7c0-1.66 1.34-3 3-3h26c1.66 0 3 1.34 3 3z"
/>
<path
fill="#fab400"
d="M46 12v40c0 1.1-.9 2-2 2H20c-1.1 0-2-.9-2-2V12c0-1.1.9-2 2-2h24c1.1 0 2 .9 2 2z"
/>
<path
fill="#f0f0f0"
d="M46 12v40c0 1.1-.9 2-2 2H20c-1.1 0-2-.9-2-2V12c0-1.1.9-2 2-2h24c1.1 0 2 .9 2 2z"
/>
<circle cx="29" cy="50" r="1" fill="#00143c" />
<circle cx="32" cy="50" r="1" fill="#00143c" />
<circle cx="35" cy="50" r="1" fill="#00143c" />
<path
fill="#d2d2d2"
d="M46 12v1c0-1.1-.9-2-2-2H20c-1.1 0-2 .9-2 2v-1c0-1.1.9-2 2-2h24c1.1 0 2 .9 2 2z"
/>
<path
fill="#00143c"
d="M34 58h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2zM36 8h-4a1 1 0 1 1 0-2h4a1 1 0 1 1 0 2z"
/>
<circle cx="29" cy="7" r="1" fill="#00143c" />
<path
fill="#c80a50"
d="M56 31a1 1 0 0 0-1-1h-2a1 1 0 1 0 0 2h2a1 1 0 0 0 1-1z"
/>
<path
fill="#00a0c8"
d="M53.121 26.293a.999.999 0 1 0-1.414-1.414l-1.414 1.414a.999.999 0 1 0 1.414 1.414z"
/>
<path
fill="#fab400"
d="M53.121 37.121a.999.999 0 0 0 0-1.414l-1.414-1.414a.999.999 0 1 0-1.414 1.414l1.414 1.414a.999.999 0 0 0 1.414 0z"
/>
<path
fill="#00a0c8"
d="M8 31a1 1 0 0 0 1 1h2a1 1 0 1 0 0-2H9a1 1 0 0 0-1 1z"
/>
<path
fill="#c80a50"
d="M10.879 35.707a.999.999 0 1 0 1.414 1.414l1.414-1.414a.999.999 0 1 0-1.414-1.414z"
/>
<path
fill="#fab400"
d="M10.879 24.879a.999.999 0 0 0 0 1.414l1.414 1.414a.999.999 0 1 0 1.414-1.414l-1.414-1.414a.999.999 0 0 0-1.414 0z"
/>
<path fill="#00325a" d="M37 16H27a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2z" />
<path
fill="#fab400"
d="M21 21h2a1 1 0 0 1 0 2h-2c-.55 0-1-.45-1-1s.45-1 1-1zM32 22c0 .55-.45 1-1 1h-4a1 1 0 0 1 0-2h4c.55 0 1 .45 1 1zM31 27H21a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2z"
/>
<path
fill="#c80a50"
d="M21 31h2a1 1 0 0 1 0 2h-2c-.55 0-1-.45-1-1s.45-1 1-1zM32 32c0 .55-.45 1-1 1h-4a1 1 0 0 1 0-2h4c.55 0 1 .45 1 1zM31 37H21a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2z"
/>
<path
fill="#00a0c8"
d="M21 41h2a1 1 0 0 1 0 2h-2c-.55 0-1-.45-1-1s.45-1 1-1zM32 42c0 .55-.45 1-1 1h-4a1 1 0 0 1 0-2h4c.55 0 1 .45 1 1zM31 47H21a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2z"
/>
<path
fill="#d2d2d2"
d="M40 27h-4a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1z"
/>
<path
fill="#00325a"
d="M39 26a.997.997 0 0 1-.707-.293l-2-2a.999.999 0 1 1 1.414-1.414L39 23.586l3.293-3.293a.999.999 0 1 1 1.414 1.414l-4 4A.997.997 0 0 1 39 26z"
/>
<path
fill="#d2d2d2"
d="M40 37h-4a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1z"
/>
<path
fill="#00325a"
d="M39 36a.997.997 0 0 1-.707-.293l-2-2a.999.999 0 1 1 1.414-1.414L39 33.586l3.293-3.293a.999.999 0 1 1 1.414 1.414l-4 4A.997.997 0 0 1 39 36z"
/>
<path
fill="#d2d2d2"
d="M40 47h-4a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1z"
/>
<path
fill="#00325a"
d="M39 46a.997.997 0 0 1-.707-.293l-2-2a.999.999 0 1 1 1.414-1.414L39 43.586l3.293-3.293a.999.999 0 1 1 1.414 1.414l-4 4A.997.997 0 0 1 39 46z"
/>
</svg>
More icons in the same style and category