Add icons to this collection by clicking the heart icon.
Assignment icon - also known as people, employee, goal, task, and assignment. 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 356 356"
>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(-98.32) rotate(-89.532 -.925 .382)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9bf93" />
<stop offset="1" stop-color="#f78068" />
</linearGradient>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(188.889 0 0 133.514 33.333 233.333)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7fe1ef" />
<stop offset="1" stop-color="#0bb2f5" />
</linearGradient>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(6.732 58.576 -25.865 2.973 83.472 233.215)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#5edaea" />
<stop offset="1" stop-color="#1b8dbb" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#e8f5e4" />
<stop offset="1" stop-color="#d8d6fa" />
</linearGradient>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(32.645 0 0 79.63 111.455 223.058)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="200"
x2="300"
y1="177.95"
y2="177.95"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff6f96" />
<stop offset="1" stop-color="#e44444" />
</linearGradient>
<linearGradient
id="h"
x1="227.778"
x2="272.222"
y1="177.95"
y2="177.95"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#75858c" />
<stop offset="1" stop-color="#405a65" />
</linearGradient>
<linearGradient
id="i"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(59.052 -34.094 85.85 148.697 285.336 250.093)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(76.711 0 0 171.701 248.289 90.412)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#c)"
d="M88.889 105.465c0-16.666-3.445-50 38.889-50s38.889 33.334 38.889 50c0 22.223-23.367 50-38.889 50-15.523 0-38.889-27.557-38.889-50z"
/>
<path
fill="url(#d)"
d="m33.333 261.021 11.294-61.726a22.224 22.224 0 0 1 13.874-16.739L100 166.576s8.764 16.667 27.384 16.667c18.621 0 28.172-16.667 28.172-16.667l40.941 16.003a22.224 22.224 0 0 1 13.728 16.473l11.997 61.969c-25.286 26.149-55.182 39.069-94.403 39.069-39.26 0-69.187-12.867-94.486-39.069z"
/>
<path
fill="url(#e)"
d="M194.4 283.83v-38.889a5.557 5.557 0 0 0-5.555-5.555 5.558 5.558 0 0 0-5.556 5.555v44.599c3.85-1.539 7.302-3.341 11.111-5.71zM61.067 244.941v38.889c3.946 2.299 7.208 4.027 11.111 5.691v-44.58a5.558 5.558 0 0 0-5.556-5.555 5.557 5.557 0 0 0-5.555 5.555z"
/>
<path
fill="url(#f)"
d="M133.333 183.243h-11.111l-10.677 58.725a5.555 5.555 0 0 0 1.022 4.327l10.766 14.355a5.556 5.556 0 0 0 8.889 0l10.767-14.355a5.56 5.56 0 0 0 1.022-4.327l-10.678-58.725z"
/>
<circle cx="250" cy="177.95" r="50" fill="url(#g)" />
<circle cx="250" cy="177.95" r="22.222" fill="url(#h)" />
<path
fill="url(#i)"
d="m252.485 182.747 33.333-16.667a5.557 5.557 0 0 0 2.484-7.453 5.558 5.558 0 0 0-7.453-2.485l-33.334 16.667a5.558 5.558 0 0 0-2.484 7.453 5.558 5.558 0 0 0 7.454 2.485z"
/>
<path
fill="url(#j)"
d="m307.158 145.925 16.295 8.058a2.776 2.776 0 0 1 .158 4.895l-29.466 17.012a2.778 2.778 0 0 1-2.62.085l-17.956-8.879a2.775 2.775 0 0 1-1.54-2.668l1.289-19.99a2.776 2.776 0 0 1 1.383-2.226l29.466-17.013a2.779 2.779 0 0 1 4.161 2.585z"
/>
</g>
</svg>
More icons in the same style and category