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="176"
x2="176"
y1="-22.356"
y2="575.435"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-3"
x1="60"
x2="60"
y1="-22.356"
y2="575.435"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-4"
x1="86.306"
x2="86.306"
y1="-22.356"
y2="575.435"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-5"
x1="144"
x2="144"
y1="-22.356"
y2="575.435"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-6"
x1="228"
x2="228"
y1="-22.356"
y2="575.435"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-8"
x1="201.542"
x2="201.542"
y1="-22.356"
y2="575.435"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-10"
x1="320"
x2="320"
y1="-22.356"
y2="575.435"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-11"
x1="368"
x2="368"
y1="-22.356"
y2="575.435"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-12"
x1="328"
x2="328"
y1="-22.356"
y2="575.435"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-13"
x1="424"
x2="424"
y1="-22.356"
y2="575.435"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-14"
x1="416"
x2="416"
y1="-22.356"
y2="575.435"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-15"
x1="120"
x2="120"
y1="-22.356"
y2="575.435"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-16"
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)"
/>
<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-2)"
/>
<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-3)"
/>
<path
d="m73.121 176h-8.757c1.1 28.187 5.392 63.9 23.421 87.132a114.5 114.5 0 0 1 10.9-5.572l9.568-38.27-8.762-5.42a57.578 57.578 0 0 1 -26.37-37.87z"
fill="url(#linear-gradient-4)"
/>
<path
d="m80 96h18.7a72.36 72.36 0 0 0 61.739-34.957l.7-1.157a8 8 0 0 1 12.518-1.543l40 40a8 8 0 0 1 2.343 5.657h8v-8a80 80 0 0 0 -160 0v8h8a8 8 0 0 1 8-8z"
fill="url(#linear-gradient-5)"
/>
<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-6)"
/>
<path
d="m200 164.288v-56.974l-30.736-30.737a88.519 88.519 0 0 1 -70.559 35.423h-10.705v52.545a41.732 41.732 0 0 0 19.9 35.718l19.153 11.849a31.8 31.8 0 0 0 33.8-.078l19.407-12.134a41.76 41.76 0 0 0 19.74-35.612zm-96-20.288v-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-5)"
/>
<path
d="m197.759 261.74c10.978-14.583 22.768-40.511 25.616-85.74h-8.55a57.622 57.622 0 0 1 -26.085 37.472l-9.032 5.645 9.611 38.442q4.292 1.909 8.44 4.181z"
fill="url(#linear-gradient-8)"
/>
<path
d="m122.583 227.915-9.784 39.14a44.074 44.074 0 0 0 62.4 0l-9.809-39.236a47.6 47.6 0 0 1 -42.809.1z"
fill="url(#linear-gradient-5)"
/>
<rect
fill="url(#linear-gradient-10)"
height="16"
rx="2"
width="16"
x="312"
y="320"
/>
<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-11)"
/>
<rect
fill="url(#linear-gradient-12)"
height="16"
rx="2"
width="16"
x="320"
y="384"
/>
<rect
fill="url(#linear-gradient-13)"
height="16"
rx="2"
width="16"
x="416"
y="384"
/>
<rect
fill="url(#linear-gradient-14)"
height="16"
rx="2"
width="16"
x="408"
y="320"
/>
<path
d="m72 400.111v-56.111h16v56h136v-95.4c-10.351-12.618-21.981-22.418-34.687-29.238a60.066 60.066 0 0 1 -90.628 0c-51.242 27.445-82.685 101.543-82.685 196.638v24h40.111a18.1 18.1 0 0 1 -.111-2v-76a18.026 18.026 0 0 1 16-17.889z"
fill="url(#linear-gradient-15)"
/>
<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-16)"
/>
</g>
</svg>
More icons in the same style and category