Add icons to this collection by clicking the heart icon.
Coder icon - also known as user, head, man, browser, web programming, programmer, professions and jobs, and coder. 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 512 512"
>
<linearGradient
id="linear-gradient"
gradientUnits="userSpaceOnUse"
x1="364"
x2="364"
y1="-22.356"
y2="575.435"
>
<stop offset="0" stop-color="#ff91d2" />
<stop offset=".262" stop-color="#f68bd9" />
<stop offset=".688" stop-color="#de79ed" />
<stop offset=".999" stop-color="#c86aff" />
</linearGradient>
<linearGradient
id="linear-gradient-2"
x1="424"
x2="424"
y1="-22.356"
y2="575.435"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-3"
x1="144"
x2="144"
y1="-22.356"
y2="575.435"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-5"
x1="176"
x2="176"
y1="-22.356"
y2="575.435"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-6"
x1="60"
x2="60"
y1="-22.356"
y2="575.435"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-7"
x1="120"
x2="120"
y1="-22.356"
y2="575.435"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-8"
x1="368"
x2="368"
y1="-22.356"
y2="575.435"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-9"
x1="320"
x2="320"
y1="-22.356"
y2="575.435"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-10"
x1="228"
x2="228"
y1="-22.356"
y2="575.435"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-11"
x1="328"
x2="328"
y1="-22.356"
y2="575.435"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-12"
x1="416"
x2="416"
y1="-22.356"
y2="575.435"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-14"
x1="392"
x2="392"
y1="-22.356"
y2="575.435"
href="#linear-gradient"
/>
<g>
<path
d="m341.416 456-13.416 33.541v6.459h72v-6.459l-13.416-33.541z"
fill="url(#linear-gradient)"
/>
<rect
fill="url(#linear-gradient-2)"
height="16"
rx="2"
width="16"
x="416"
y="384"
/>
<path
d="m200 164.545v-52.545h-10.7a88.512 88.512 0 0 1 -70.559-35.423l-30.741 30.737v56.974a41.76 41.76 0 0 0 19.74 35.612l19.408 12.131a31.8 31.8 0 0 0 33.8.078l19.152-11.845a41.735 41.735 0 0 0 19.9-35.719zm-96-20.545v-16h16v16zm40 56c-13.458 0-24-8.785-24-20h16c0 1.41 3.037 4 8 4s8-2.59 8-4h16c0 11.215-10.542 20-24 20zm24-72h16v16h-16z"
fill="url(#linear-gradient-3)"
/>
<path
d="m122.608 227.819-9.808 39.236a44.074 44.074 0 0 0 62.4 0l-9.784-39.14a47.6 47.6 0 0 1 -42.809-.1z"
fill="url(#linear-gradient-3)"
/>
<path
d="m278 416h-204a2 2 0 0 0 -2 2v76a2 2 0 0 0 2 2h204a2 2 0 0 0 2-2v-76a2 2 0 0 0 -2-2zm-174 64h-16v-16h16zm0-32h-16v-16h16zm32 32h-16v-16h16zm0-32h-16v-16h16zm32 32h-16v-16h16zm0-32h-16v-16h16zm32 32h-16v-16h16zm0-32h-16v-16h16zm32 32h-16v-16h16zm0-32h-16v-16h16zm32 32h-16v-16h16zm0-32h-16v-16h16z"
fill="url(#linear-gradient-5)"
/>
<path
d="m60 160h12v-40h-12a12.013 12.013 0 0 0 -12 12v16a12.013 12.013 0 0 0 12 12z"
fill="url(#linear-gradient-6)"
/>
<path
d="m72 400.111v-56.111h16v56h136v-95.4c-10.351-12.618-21.981-22.417-34.687-29.237a60.067 60.067 0 0 1 -90.628 0c-51.242 27.444-82.685 101.542-82.685 196.637v24h40.111a18.1 18.1 0 0 1 -.111-2v-76a18.026 18.026 0 0 1 16-17.889z"
fill="url(#linear-gradient-7)"
/>
<path
d="m240 400h38a18.021 18.021 0 0 1 18 18v22h200v-160h-256zm240 16h-16v-48h16zm-24-112h16v48h-16zm-8 82v12a18.021 18.021 0 0 1 -18 18h-12a18.021 18.021 0 0 1 -18-18v-12a18.021 18.021 0 0 1 18-18h12a18.021 18.021 0 0 1 18 18zm-56-64a18.021 18.021 0 0 1 18-18h12a18.021 18.021 0 0 1 18 18v12a18.021 18.021 0 0 1 -18 18h-12a18.021 18.021 0 0 1 -18-18zm-8 94h-16v-48h16zm-24-112h16v48h-16zm-8 82v12a18.021 18.021 0 0 1 -18 18h-12a18.021 18.021 0 0 1 -18-18v-12a18.021 18.021 0 0 1 18-18h12a18.021 18.021 0 0 1 18 18zm-56-64a18.021 18.021 0 0 1 18-18h12a18.021 18.021 0 0 1 18 18v12a18.021 18.021 0 0 1 -18 18h-12a18.021 18.021 0 0 1 -18-18zm-32-18h16v48h-16z"
fill="url(#linear-gradient-8)"
/>
<rect
fill="url(#linear-gradient-9)"
height="16"
rx="2"
width="16"
x="312"
y="320"
/>
<path
d="m216 160h12a12.013 12.013 0 0 0 12-12v-16a12.013 12.013 0 0 0 -12-12h-12z"
fill="url(#linear-gradient-10)"
/>
<rect
fill="url(#linear-gradient-11)"
height="16"
rx="2"
width="16"
x="320"
y="384"
/>
<rect
fill="url(#linear-gradient-12)"
height="16"
rx="2"
width="16"
x="408"
y="320"
/>
<path
d="m74.343 98.343 40-40a8 8 0 0 1 12.518 1.543l.7 1.16a72.361 72.361 0 0 0 61.739 34.954h18.7a8 8 0 0 1 7.607 5.519 55.341 55.341 0 0 0 8.393-29.519 56.063 56.063 0 0 0 -56-56h-48a56.063 56.063 0 0 0 -56 56 55.34 55.34 0 0 0 8.394 29.521 8 8 0 0 1 1.949-3.178z"
fill="url(#linear-gradient-3)"
/>
<path
d="m364.764 181.618a155.131 155.131 0 0 0 27.236 2.382c61.856 0 112-35.817 112-80s-50.144-80-112-80-112 35.817-112 80c0 15.427 5.41 27.782 16 40l-16 80zm52.989-112.618 12.494-10 32 40a8 8 0 0 1 0 10l-32 40-12.494-10 28-35zm-25.6-6.567 15.69 3.138-16 80-15.69-3.138zm-70.4 36.567 32-40 12.494 10-28 35 28 35-12.494 10-32-40a8 8 0 0 1 0-10z"
fill="url(#linear-gradient-14)"
/>
</g>
</svg>
More icons in the same style and category