Add icons to this collection by clicking the heart icon.
Programmer icon - also known as computer, user, people, laptop, desk, worker, speech bubble, electronics, coding, programmer, and seo and web. 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"
>
<linearGradient
id="a"
x1="32"
x2="32"
y1="63.683"
y2="-.365"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".35" stop-color="#ed683c" />
<stop offset=".7" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<linearGradient id="b" x1="15" x2="15" y1="63.683" y2="-.365" href="#a" />
<linearGradient id="c" x1="50" x2="50" y1="63.683" y2="-.365" href="#a" />
<linearGradient
id="d"
x1="10.354"
x2="10.354"
y1="63.683"
y2="-.365"
href="#a"
/>
<linearGradient
id="e"
x1="19.646"
x2="19.646"
y1="63.683"
y2="-.365"
href="#a"
/>
<linearGradient
id="f"
x1="46.646"
x2="46.646"
y1="63.683"
y2="-.365"
href="#a"
/>
<linearGradient id="g" x1="54" x2="54" y1="63.683" y2="-.365" href="#a" />
<linearGradient id="h" x1="52" x2="52" y1="63.683" y2="-.365" href="#a" />
<linearGradient
id="i"
x1="49"
x2="49"
y1="63.683"
y2="-.365"
gradientTransform="rotate(45 49.01 34.994)"
href="#a"
/>
<linearGradient id="j" x1="12" x2="12" y1="63.683" y2="-.365" href="#a" />
<linearGradient
id="k"
x1="15"
x2="15"
y1="63.683"
y2="-.365"
gradientTransform="rotate(45 15.007 35)"
href="#a"
/>
<path
fill="url(#a)"
d="M39.9 46.84 36 45.317v-1.581A6.991 6.991 0 0 0 39 38v-1a1 1 0 0 0 1-1v-3a8 8 0 0 0-16 0v3a1 1 0 0 0 1 1v1a6.992 6.992 0 0 0 3 5.736v1.581l-3.9 1.523a7.031 7.031 0 0 0-5.1 6.74V61a1 1 0 0 0 1 1h24a1 1 0 0 0 1-1v-7.42a7.031 7.031 0 0 0-5.1-6.74zM26 33a6 6 0 0 1 12 0v2h-1.586l-1.707-1.707a1 1 0 0 0-1.262-.125L30.7 35H26zm1 5v-1h4a1.006 1.006 0 0 0 .555-.168l2.318-1.545 1.42 1.42A1 1 0 0 0 36 37h1v1a5 5 0 0 1-10 0zm5 7a6.956 6.956 0 0 0 2-.3v.881l-2 2-2-2V44.7a6.956 6.956 0 0 0 2 .3zm11 15h-3v-5h-2v5H26v-5h-2v5h-3v-6.42a5.026 5.026 0 0 1 3.686-4.826.868.868 0 0 0 .1-.033l3.971-1.552 2.538 2.538a1 1 0 0 0 1.414 0l2.538-2.538 3.971 1.552a.868.868 0 0 0 .1.033A5.026 5.026 0 0 1 43 53.58z"
/>
<path
fill="url(#a)"
d="M32 42a3 3 0 0 0 3-3h-2a1 1 0 0 1-2 0h-2a3 3 0 0 0 3 3z"
/>
<path
fill="url(#b)"
d="M18.293 25.707A1 1 0 0 0 20 25v-3h6a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h10.586zM26 4v3H4V4zM4 9h22v11h-7a1 1 0 0 0-1 1v1.586l-2.293-2.293A1 1 0 0 0 15 20H4z"
/>
<path
fill="url(#c)"
d="M60 5H40a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h5v3a1 1 0 0 0 1.707.707L50.414 25H60a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2zm0 2v3H40V7zM50 23a1 1 0 0 0-.707.293L47 25.586V24a1 1 0 0 0-1-1h-6V12h20v11z"
/>
<path
fill="url(#d)"
d="m11.293 10.293-3 3a1 1 0 0 0 0 1.414l3 3 1.414-1.414L10.414 14l2.293-2.293z"
/>
<path
fill="url(#e)"
d="m18.707 17.707 3-3a1 1 0 0 0 0-1.414l-3-3-1.414 1.414L19.586 14l-2.293 2.293z"
/>
<path
fill="url(#f)"
d="m45.707 13.293-1.414 1.414L46.586 17l-2.293 2.293 1.414 1.414 3-3a1 1 0 0 0 0-1.414z"
/>
<path fill="url(#g)" d="M51 19h6v2h-6z" />
<path fill="url(#h)" d="M48 43h8v2h-8z" />
<path
fill="url(#i)"
d="M44.757 34h8.485v2h-8.485z"
transform="rotate(-45 48.997 35.011)"
/>
<path fill="url(#j)" d="M8 43h8v2H8z" />
<path
fill="url(#k)"
d="M14 30.757h2v8.485h-2z"
transform="rotate(-45 14.995 35.005)"
/>
</svg>
More icons in the same style and category