Add icons to this collection by clicking the heart icon.
Program icon - also known as computer, laptop, development, program, web development, programming, coding, web browser, seo and web, and web develop. 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="17"
x2="17"
y1="1.243"
y2="66.19"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<linearGradient id="b" x1="21" x2="21" y1="1.243" y2="66.19" href="#a" />
<linearGradient id="c" x1="25" x2="25" y1="1.243" y2="66.19" href="#a" />
<linearGradient id="d" x1="47" x2="47" y1="1.243" y2="66.19" href="#a" />
<linearGradient id="e" x1="32" x2="32" y1="1.243" y2="66.19" href="#a" />
<linearGradient id="f" x1="9" x2="9" y1="1.243" y2="66.19" href="#a" />
<linearGradient id="g" x1="13" x2="13" y1="1.243" y2="66.19" href="#a" />
<linearGradient id="h" x1="51" x2="51" y1="1.243" y2="66.19" href="#a" />
<linearGradient id="i" x1="55" x2="55" y1="1.243" y2="66.19" href="#a" />
<linearGradient
id="j"
x1="18.854"
x2="18.854"
y1="1.243"
y2="66.19"
href="#a"
/>
<linearGradient
id="k"
x1="29.146"
x2="29.146"
y1="1.243"
y2="66.19"
href="#a"
/>
<linearGradient
id="l"
x1="24"
x2="24"
y1="1.243"
y2="66.19"
gradientTransform="rotate(80.5 24.007 26.021)"
href="#a"
/>
<linearGradient id="m" x1="37" x2="37" y1="1.243" y2="66.19" href="#a" />
<linearGradient id="n" x1="44" x2="44" y1="1.243" y2="66.19" href="#a" />
<path fill="url(#a)" d="M16 6h2v2h-2z" />
<path fill="url(#b)" d="M20 6h2v2h-2z" />
<path fill="url(#c)" d="M24 6h2v2h-2z" />
<path fill="url(#d)" d="M46 6h2v2h-2z" />
<path
fill="url(#e)"
d="M61 52h-1V17a5.006 5.006 0 0 0-5-5h-3V3a1 1 0 0 0-1-1H13a1 1 0 0 0-1 1v9H9a5.006 5.006 0 0 0-5 5v35H3a1 1 0 0 0-1 1v4a5.006 5.006 0 0 0 5 5h50a5.006 5.006 0 0 0 5-5v-4a1 1 0 0 0-1-1zM13 36h38a1 1 0 0 0 1-1V18h1a1 1 0 0 1 1 1v29H10V19a1 1 0 0 1 1-1h1v17a1 1 0 0 0 1 1zm1-24h36v22H14zm0-8h36v6H14zM6 17a3 3 0 0 1 3-3h3v2h-1a3 3 0 0 0-3 3v30a1 1 0 0 0 1 1h46a1 1 0 0 0 1-1V19a3 3 0 0 0-3-3h-1v-2h3a3 3 0 0 1 3 3v35H42a1 1 0 0 0-1 1v2a1 1 0 0 1-1 1H24a1 1 0 0 1-1-1v-2a1 1 0 0 0-1-1H6zm54 40a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3v-3h17v1a3 3 0 0 0 3 3h16a3 3 0 0 0 3-3v-1h17z"
/>
<path fill="url(#e)" d="M27 52h10v2H27z" />
<path fill="url(#f)" d="M8 56h2v2H8z" />
<path fill="url(#g)" d="M12 56h2v2h-2z" />
<path fill="url(#a)" d="M16 56h2v2h-2z" />
<path fill="url(#d)" d="M46 56h2v2h-2z" />
<path fill="url(#h)" d="M50 56h2v2h-2z" />
<path fill="url(#i)" d="M54 56h2v2h-2z" />
<path
fill="url(#j)"
d="m20.293 21.293-4 4a1 1 0 0 0 0 1.414l4 4 1.414-1.414L18.414 26l3.293-3.293z"
/>
<path
fill="url(#k)"
d="m27.707 21.293-1.414 1.414L29.586 26l-3.293 3.293 1.414 1.414 4-4a1 1 0 0 0 0-1.414z"
/>
<path
fill="url(#l)"
d="M17.917 25h12.166v2H17.917z"
transform="rotate(-80.5 24.02 26.01)"
/>
<path fill="url(#m)" d="M36 20h2v2h-2z" />
<path fill="url(#n)" d="M40 20h8v2h-8z" />
<path fill="url(#m)" d="M36 24h2v2h-2z" />
<path fill="url(#n)" d="M40 24h8v2h-8z" />
<path fill="url(#m)" d="M36 28h2v2h-2z" />
<path fill="url(#n)" d="M40 28h8v2h-8z" />
</svg>
More icons in the same style and category