Add icons to this collection by clicking the heart icon.
Homework icon - also known as education, study, notebook, pencil, and homework. Created in a clean gradient style with a white, silver, teal, navy, and pink 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 502 502"
>
<linearGradient
id="b"
x1="366.461"
x2="521.184"
y1="251"
y2="251"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#39d670" />
<stop offset="1" stop-color="#b3e69e" />
</linearGradient>
<linearGradient
id="c"
x1="242.247"
x2="242.247"
y1="633.546"
y2="16.034"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d1dbdb" />
<stop offset="1" stop-color="#f2f2f2" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#00d2e9" />
<stop offset="1" stop-color="#a3eaf5" />
</linearGradient>
<linearGradient
id="d"
x1="58.888"
x2="58.888"
y1="291.394"
y2="215.117"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="58.888"
x2="58.888"
y1="142.115"
y2="65.839"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="58.888"
x2="58.888"
y1="440.673"
y2="364.396"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="-118.854"
x2="-118.854"
y1="371.73"
y2="188.469"
gradientTransform="matrix(-1 0 0 1 246.626 0)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fdd943" />
<stop offset="1" stop-color="#fdedac" />
</linearGradient>
<linearGradient
id="h"
x1="-206.651"
x2="-206.651"
y1="240.837"
y2="149.229"
gradientTransform="matrix(-1 0 0 1 246.626 0)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7081" />
<stop offset="1" stop-color="#ffa0ab" />
</linearGradient>
<linearGradient
id="i"
x1="-34.526"
x2="-34.526"
y1="416.944"
y2="354.309"
gradientTransform="matrix(-1 0 0 1 246.626 0)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bd7e62" />
<stop offset="1" stop-color="#da9d81" />
</linearGradient>
<linearGradient
id="j"
x1="-8.557"
x2="-8.557"
y1="414.452"
y2="380.183"
gradientTransform="matrix(-1 0 0 1 246.626 0)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#495560" />
<stop offset="1" stop-color="#5b778e" />
</linearGradient>
<path
fill="url(#b)"
d="M404.574 479.644h-51.301V22.356h51.301c39.948 0 72.332 32.384 72.332 72.332v312.623c0 39.949-32.384 72.333-72.332 72.333z"
/>
<path fill="#00c272" d="M353.273 301.797v99.36l123.633-123.633v-103.55z" />
<path
fill="url(#c)"
d="m416.634 308.047 8.971-24.478V94.688c0-39.948-32.385-72.332-72.333-72.332H99.731c-22.557 0-40.843 18.286-40.843 40.843v375.602c0 22.557 18.286 40.843 40.843 40.843h253.542c39.948 0 72.333-32.384 72.333-72.332v-78.487z"
/>
<path
fill="#b7bec5"
d="M318.849 390.326a65.102 65.102 0 0 1-44.34 19.03c-3.311.087 3.214.011-24.892.042-7.601 0-13.762-6.161-13.762-13.762l.006-5.618c.007-8.841-7.159-16.007-16-16.007-8.832 0-15.993 7.15-16 15.982l-.005 5.644c0 25.233 20.528 45.762 45.797 45.762 14.738-.016 20.675 0 22.779.001 26.704 0 51.057-10.456 69.045-28.444l84.129-84.129v-45.256z"
/>
<path
fill="url(#d)"
d="M81.978 286.101h-46.18C16.028 286.101 0 270.074 0 250.303s16.028-35.799 35.799-35.799h46.18c19.771 0 35.799 16.028 35.799 35.799-.001 19.771-16.029 35.798-35.8 35.798z"
/>
<path
fill="url(#e)"
d="M81.978 136.823h-46.18C16.028 136.823 0 120.795 0 101.024s16.028-35.799 35.799-35.799h46.18c19.771 0 35.799 16.028 35.799 35.799-.001 19.771-16.029 35.799-35.8 35.799z"
/>
<path
fill="url(#f)"
d="M81.978 435.38h-46.18C16.028 435.38 0 419.352 0 399.581s16.028-35.799 35.799-35.799h46.18c19.771 0 35.799 16.028 35.799 35.799-.001 19.771-16.029 35.799-35.8 35.799z"
/>
<path
fill="#b7bec5"
d="M363.723 216.168H165.659c-6.352 0-11.5-5.148-11.5-11.5s5.148-11.5 11.5-11.5h198.063c6.352 0 11.5 5.148 11.5 11.5.001 6.351-5.148 11.5-11.499 11.5zM363.723 299.22H165.659c-6.352 0-11.5-5.148-11.5-11.5s5.148-11.5 11.5-11.5h198.063c6.352 0 11.5 5.148 11.5 11.5.001 6.351-5.148 11.5-11.499 11.5z"
/>
<path
fill="url(#g)"
d="M285.684 359.569c-11.665-11.665-17.29-19.11-23.201-40.721l142.071-142.071 46.051 17.872 17.872 46.051-142.072 142.07c-21.611-5.911-29.056-11.536-40.721-23.201z"
/>
<path
fill="url(#h)"
d="m492.699 216.476-24.223 24.223-63.922-63.922 24.223-24.223c12.401-12.401 32.508-12.401 44.909 0l19.013 19.013c12.401 12.401 12.401 32.508 0 44.909z"
/>
<path
fill="url(#i)"
d="M251.188 394.065c-6.824-6.824-10.47-12.571-15.29-23.322a65.102 65.102 0 0 1 19.03-44.34l7.555-7.555c12.108 6.648 24.598 15.994 36.263 27.659s21.011 24.155 27.659 36.263l-7.555 7.555a65.102 65.102 0 0 1-44.34 19.03c-10.751-4.819-16.498-8.465-23.322-15.29z"
/>
<path
fill="url(#j)"
d="M235.855 372.447v23.188c0 7.601 6.161 13.762 13.762 13.762h23.188c.57 0 1.136-.027 1.704-.042-4.788-7.154-10.641-14.322-17.466-21.146-6.824-6.824-13.992-12.678-21.146-17.466-.014.568-.042 1.135-.042 1.704z"
/>
<ellipse cx="176.806" cy="127.252" fill="#fdaece" rx="14.936" ry="12.003" />
<ellipse cx="352.577" cy="127.252" fill="#fdaece" rx="14.936" ry="12.003" />
<circle cx="202.413" cy="97.634" r="29.618" fill="#fff" />
<circle
cx="214.378"
cy="97.634"
r="17.652"
fill="#383842"
transform="rotate(-76.7 214.442 97.655)"
/>
<circle cx="326.97" cy="97.634" r="29.618" fill="#fff" />
<g fill="#383842">
<circle
cx="338.873"
cy="97.634"
r="17.652"
transform="rotate(-45 338.881 97.703)"
/>
<ellipse cx="264.691" cy="120.086" rx="13.252" ry="17.352" />
</g>
</svg>
More icons in the same style and category