Add icons to this collection by clicking the heart icon.
Assignment icon - also known as technology, education, study, knowledge, online, work, learning, group, homework, and assignment. Created in a clean 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"
>
<defs>
<linearGradient
id="c"
x1="-6.858"
x2="57.414"
y1="58.358"
y2="-5.914"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ab20ec" />
<stop offset="1" stop-color="#0071fc" />
</linearGradient>
<linearGradient
id="d"
x1="-10.108"
x2="54.164"
y1="55.108"
y2="-9.164"
href="#c"
/>
<linearGradient
id="e"
x1="-3.108"
x2="61.164"
y1="62.108"
y2="-2.164"
href="#c"
/>
<linearGradient
id="f"
x1="7.212"
x2="71.484"
y1="72.428"
y2="8.156"
href="#c"
/>
<linearGradient
id="g"
x1="1.392"
x2="65.664"
y1="66.608"
y2="2.336"
href="#c"
/>
<linearGradient
id="h"
x1="-17.108"
x2="47.164"
y1="48.108"
y2="-16.164"
href="#c"
/>
<linearGradient
id="i"
x1="4.892"
x2="69.164"
y1="70.108"
y2="5.836"
href="#c"
/>
<linearGradient
id="j"
x1="4.392"
x2="68.664"
y1="69.608"
y2="5.336"
href="#c"
/>
<linearGradient
id="k"
x1="-12.108"
x2="52.164"
y1="53.108"
y2="-11.164"
href="#c"
/>
<linearGradient
id="l"
x1="-9.358"
x2="54.914"
y1="55.858"
y2="-8.414"
href="#c"
/>
<linearGradient
id="m"
x1="-14.108"
x2="50.164"
y1="51.108"
y2="-13.164"
href="#c"
/>
<linearGradient
id="n"
x1="-15.108"
x2="49.164"
y1="50.108"
y2="-14.164"
href="#c"
/>
<linearGradient
id="o"
x1="-13.108"
x2="51.164"
y1="52.108"
y2="-12.164"
href="#c"
/>
<linearGradient
id="p"
x1="-5.108"
x2="59.164"
y1="60.108"
y2="-4.164"
href="#c"
/>
<linearGradient
id="q"
x1="-2.358"
x2="61.914"
y1="62.858"
y2="-1.414"
href="#c"
/>
<linearGradient
id="r"
x1="-7.108"
x2="57.164"
y1="58.108"
y2="-6.164"
href="#c"
/>
<linearGradient
id="s"
x1="-8.108"
x2="56.164"
y1="57.108"
y2="-7.164"
href="#c"
/>
<linearGradient
id="t"
x1="-6.108"
x2="58.164"
y1="59.108"
y2="-5.164"
href="#c"
/>
<linearGradient
id="u"
x1="-.608"
x2="63.664"
y1="64.608"
y2=".336"
href="#c"
/>
<linearGradient
id="v"
x1=".686"
x2="64.958"
y1="65.901"
y2="1.629"
href="#c"
/>
<linearGradient
id="w"
x1="-2.108"
x2="62.164"
y1="63.108"
y2="-1.164"
href="#c"
/>
<linearGradient
id="x"
x1="9.892"
x2="74.164"
y1="75.108"
y2="10.836"
href="#c"
/>
<linearGradient
id="y"
x1="11.186"
x2="75.458"
y1="76.401"
y2="12.129"
href="#c"
/>
<linearGradient
id="a`"
x1="8.392"
x2="72.664"
y1="73.608"
y2="9.336"
href="#c"
/>
<linearGradient
id="aa"
x1="20.392"
x2="84.664"
y1="85.608"
y2="21.336"
href="#c"
/>
<linearGradient
id="ab"
x1="21.686"
x2="85.958"
y1="86.901"
y2="22.629"
href="#c"
/>
<linearGradient
id="ac"
x1="18.892"
x2="83.164"
y1="84.108"
y2="19.836"
href="#c"
/>
<linearGradient
id="ad"
x1=".142"
x2="64.414"
y1="65.358"
y2="1.086"
href="#c"
/>
<linearGradient
id="ae"
x1="3.142"
x2="67.414"
y1="68.358"
y2="4.086"
href="#c"
/>
<style>
.af {
fill: url(#t);
}
.ag {
fill: url(#r);
}
.ah {
fill: url(#y);
}
.ai {
fill: url(#l);
}
.aj {
fill: url(#c);
}
.ak {
fill: url(#u);
}
.al {
fill: url(#v);
}
.am {
fill: url(#a`);
}
.an {
fill: url(#m);
}
.ao {
fill: url(#f);
}
.ap {
fill: url(#ae);
}
.aq {
fill: url(#p);
}
.ar {
fill: url(#g);
}
.as {
fill: url(#ad);
}
.at {
fill: url(#ab);
}
.au {
fill: url(#i);
}
.av {
fill: url(#h);
}
.aw {
fill: url(#d);
}
.ax {
fill: url(#e);
}
.ay {
fill: url(#x);
}
.ba {
fill: url(#s);
}
.bb {
fill: url(#n);
}
.bc {
fill: url(#ac);
}
.bd {
fill: url(#w);
}
.be {
fill: url(#j);
}
.bf {
fill: url(#o);
}
.bg {
fill: url(#q);
}
.bh {
fill: url(#k);
}
</style>
</defs>
<g id="b">
<path
d="M38 57H2a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h26c.265 0 .52.105.707.293l10 10A.997.997 0 0 1 39 17v5a1 1 0 1 1-2 0v-4.586L27.586 8H3v47h34V43a1 1 0 1 1 2 0v13a1 1 0 0 1-1 1Z"
fill="url(#c)"
/>
<path
d="M38 18H28a1 1 0 0 1-1-1V7a1 1 0 0 1 1.707-.707l10 10A1 1 0 0 1 38 18Zm-9-2h6.586L29 9.414V16Z"
fill="url(#d)"
/>
<path
d="M38 27H28a1 1 0 1 1 0-2h9.586l8.347-8.347a.999.999 0 1 1 1.414 1.414l-8.64 8.64A1 1 0 0 1 38 27Z"
fill="url(#e)"
/>
<path
d="M46.64 47.64a.997.997 0 0 1-.707-.293L37.586 39H28a1 1 0 1 1 0-2h10c.265 0 .52.105.707.293l8.64 8.64a.999.999 0 0 1-.707 1.707Z"
fill="url(#f)"
/>
<path d="M44 33H28a1 1 0 1 1 0-2h16a1 1 0 1 1 0 2Z" fill="url(#g)" />
<path
d="M24 20H6a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1ZM7 18h16v-4H7v4Z"
fill="url(#h)"
/>
<path
d="M33 53H23a1 1 0 0 1-1-1V42a1 1 0 0 1 1-1h7a1 1 0 1 1 0 2h-6v8h8v-3a1 1 0 1 1 2 0v4a1 1 0 0 1-1 1Z"
fill="url(#i)"
/>
<path
d="M29 49a.997.997 0 0 1-.707-.293l-3-3a.999.999 0 1 1 1.414-1.414L29 46.586l5.293-5.293a.999.999 0 1 1 1.414 1.414l-6 6A.997.997 0 0 1 29 49Z"
fill="url(#j)"
/>
<path d="M15 30H9a1 1 0 1 1 0-2h6a1 1 0 1 1 0 2Z" fill="url(#k)" />
<path d="M18 34H9a1 1 0 1 1 0-2h9a1 1 0 1 1 0 2Z" fill="url(#l)" />
<path d="M20 25H6a1 1 0 1 1 0-2h14a1 1 0 1 1 0 2Z" fill="url(#m)" />
<circle cx="6" cy="29" r="1" fill="url(#n)" />
<circle cx="6" cy="33" r="1" fill="url(#o)" />
<path d="M15 44H9a1 1 0 1 1 0-2h6a1 1 0 1 1 0 2Z" fill="url(#p)" />
<path d="M18 48H9a1 1 0 1 1 0-2h9a1 1 0 1 1 0 2Z" fill="url(#q)" />
<path d="M20 39H6a1 1 0 1 1 0-2h14a1 1 0 1 1 0 2Z" fill="url(#r)" />
<circle cx="6" cy="43" r="1" fill="url(#s)" />
<circle cx="6" cy="47" r="1" fill="url(#t)" />
<path
d="M53 21c-5.514 0-10-4.486-10-10S47.486 1 53 1s10 4.486 10 10-4.486 10-10 10Zm0-18c-4.411 0-8 3.589-8 8s3.589 8 8 8 8-3.589 8-8-3.589-8-8-8Z"
fill="url(#u)"
/>
<path
d="M57 16h-8a1 1 0 0 1-1-1v-2c0-1.654 1.346-3 3-3h4c1.654 0 3 1.346 3 3v2a1 1 0 0 1-1 1Zm-7-2h6v-1c0-.552-.449-1-1-1h-4c-.551 0-1 .448-1 1v1Z"
fill="url(#v)"
/>
<path
d="M53 11c-1.654 0-3-1.346-3-3s1.346-3 3-3 3 1.346 3 3-1.346 3-3 3Zm0-4a1.001 1.001 0 0 0 0 2 1.001 1.001 0 0 0 0-2Z"
fill="url(#w)"
/>
<path
d="M53 42c-5.514 0-10-4.486-10-10s4.486-10 10-10 10 4.486 10 10-4.486 10-10 10Zm0-18c-4.411 0-8 3.589-8 8s3.589 8 8 8 8-3.589 8-8-3.589-8-8-8Z"
fill="url(#x)"
/>
<path
d="M57 37h-8a1 1 0 0 1-1-1v-2c0-1.654 1.346-3 3-3h4c1.654 0 3 1.346 3 3v2a1 1 0 0 1-1 1Zm-7-2h6v-1c0-.552-.449-1-1-1h-4c-.551 0-1 .448-1 1v1Z"
fill="url(#y)"
/>
<path
d="M53 32c-1.654 0-3-1.346-3-3s1.346-3 3-3 3 1.346 3 3-1.346 3-3 3Zm0-4a1.001 1.001 0 0 0 0 2 1.001 1.001 0 0 0 0-2Z"
fill="url(#a`)"
/>
<path
d="M53 63c-5.514 0-10-4.486-10-10s4.486-10 10-10 10 4.486 10 10-4.486 10-10 10Zm0-18c-4.411 0-8 3.589-8 8s3.589 8 8 8 8-3.589 8-8-3.589-8-8-8Z"
fill="url(#aa)"
/>
<path
d="M57 58h-8a1 1 0 0 1-1-1v-2c0-1.654 1.346-3 3-3h4c1.654 0 3 1.346 3 3v2a1 1 0 0 1-1 1Zm-7-2h6v-1c0-.552-.449-1-1-1h-4c-.551 0-1 .448-1 1v1Z"
fill="url(#ab)"
/>
<path
d="M53 53c-1.654 0-3-1.346-3-3s1.346-3 3-3 3 1.346 3 3-1.346 3-3 3Zm0-4a1.001 1.001 0 0 0 0 2 1.001 1.001 0 0 0 0-2Z"
fill="url(#ac)"
/>
<path
d="M38 30a1 1 0 0 1-1-1v-3a1 1 0 1 1 2 0v3a1 1 0 0 1-1 1Z"
fill="url(#ad)"
/>
<path
d="M38 36a1 1 0 0 1-1-1v-3a1 1 0 1 1 2 0v3a1 1 0 0 1-1 1Z"
fill="url(#ae)"
/>
</g>
</svg>
More icons in the same style and category