Add icons to this collection by clicking the heart icon.
Homework icon - also known as education, study, book, notebook, school, pencil, workbook, learning, homework, and course. Created in a clean flat gradient style, 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"
>
<linearGradient
id="a"
x1="9.417"
x2="41.057"
y1="20.142"
y2="36.755"
gradientUnits="userSpaceOnUse"
>
<stop offset=".129" stop-color="#f7f8f9" />
<stop offset=".322" stop-color="#edf0f2" />
<stop offset="1" stop-color="#cfd8dc" />
</linearGradient>
<linearGradient
id="b"
x1="36.626"
x2="49.138"
y1="16.281"
y2="28.63"
gradientUnits="userSpaceOnUse"
>
<stop offset=".139" stop-color="#ffe783" />
<stop offset=".582" stop-color="#fccf4e" />
<stop offset=".885" stop-color="#fbc12f" />
</linearGradient>
<linearGradient
id="c"
x1="43.087"
x2="49.103"
y1="11.49"
y2="12.514"
gradientUnits="userSpaceOnUse"
>
<stop offset=".074" stop-color="#ff9292" />
<stop offset=".32" stop-color="#f46d6b" />
<stop offset=".556" stop-color="#ec504e" />
<stop offset=".758" stop-color="#e73f3b" />
<stop offset=".902" stop-color="#e53935" />
</linearGradient>
<path
fill="#4bb54b"
d="M54 21H10a5.006 5.006 0 0 0-5 5v20a5.006 5.006 0 0 0 5 5h17.1a5 5 0 0 0 9.8 0H54a5.006 5.006 0 0 0 5-5V26a5.006 5.006 0 0 0-5-5z"
/>
<path
fill="#2c992c"
d="M54 21h-3.722C42.08 37.735 18.186 41.797 5 42.744V46a5.006 5.006 0 0 0 5 5h17.1a5 5 0 0 0 9.8 0H54a5.006 5.006 0 0 0 5-5V26a5.006 5.006 0 0 0-5-5z"
/>
<path
fill="url(#a)"
d="M54 17H38a7.003 7.003 0 0 0-6 3.397A7.003 7.003 0 0 0 26 17H10a1 1 0 0 0-1 1v28a1 1 0 0 0 1 1h44a1 1 0 0 0 1-1V18a1 1 0 0 0-1-1z"
/>
<path
fill="#cfd8dc"
d="M54 17h-2.147C46.278 35.34 23.688 40.794 9 42.384V46a1 1 0 0 0 1 1h44a1 1 0 0 0 1-1V18a1 1 0 0 0-1-1z"
/>
<path
fill="#263238"
d="M44 23h-7a1 1 0 0 1 0-2h7a1 1 0 0 1 0 2zM44 27h-7a1 1 0 0 1 0-2h7a1 1 0 0 1 0 2zM44 31h-7a1 1 0 0 1 0-2h7a1 1 0 0 1 0 2zM44 35h-7a1 1 0 0 1 0-2h7a1 1 0 0 1 0 2zM46 39h-9a1 1 0 0 1 0-2h9a1 1 0 0 1 0 2z"
/>
<path
fill="url(#b)"
d="M50 13h-6a1 1 0 0 0-1 1v20a1.001 1.001 0 0 0 .063.351l3 8a1 1 0 0 0 1.873 0l3-8A1.001 1.001 0 0 0 51 34V14a1 1 0 0 0-1-1z"
/>
<path fill="#263238" d="M47 43H37a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2z" />
<path
fill="url(#c)"
d="M48 9h-2a3.003 3.003 0 0 0-3 3v2a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2a3.003 3.003 0 0 0-3-3z"
/>
<path
fill="#fbc02d"
d="M50 13h-1.094c-.521 13.941-3.223 19.586-5.676 21.796l2.833 7.555a1 1 0 0 0 1.873 0l3-8A1.001 1.001 0 0 0 51 34V14a1 1 0 0 0-1-1z"
/>
<g fill="#263238">
<path
d="M27 23H14a1 1 0 0 1 0-2h13a1 1 0 0 1 0 2zM27 31H14a1 1 0 0 1 0-2h13a1 1 0 0 1 0 2zM27 39H14a1 1 0 0 1 0-2h13a1 1 0 0 1 0 2zM27 43H14a1 1 0 0 1 0-2h13a1 1 0 0 1 0 2zM23 27h-9a1 1 0 0 1 0-2h9a1 1 0 0 1 0 2zM23 35h-9a1 1 0 0 1 0-2h9a1 1 0 0 1 0 2z"
/>
<circle cx="27" cy="26" r="1" />
<circle cx="27" cy="34" r="1" />
<path
d="M33 19.12V47h-2V19.12a6.58 6.58 0 0 1 1 1.28 6.58 6.58 0 0 1 1-1.28z"
/>
</g>
<path
fill="#e53935"
d="M43 13.232V14a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2a2.98 2.98 0 0 0-.225-1.132c-1.92 2.292-5.519 2.498-7.775 2.364z"
/>
<path
fill="#fff"
d="M46 25a1 1 0 0 1-1-1v-6a1 1 0 0 1 2 0v6a1 1 0 0 1-1 1z"
/>
<circle cx="46" cy="28" r="1" fill="#fff" />
</svg>
More icons in the same style and category