Add icons to this collection by clicking the heart icon.
Coding icon - also known as computer, laptop, settings, code, browser, coding, custom, 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="-.491"
y2="67.201"
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="16" x2="16" y1="-.491" y2="67.201" href="#a" />
<linearGradient id="c" x1="20" x2="20" y1="-.491" y2="67.201" href="#a" />
<linearGradient id="d" x1="24" x2="24" y1="-.491" y2="67.201" href="#a" />
<linearGradient id="e" x1="48" x2="48" y1="-.491" y2="67.201" href="#a" />
<linearGradient
id="f"
x1="23.854"
x2="23.854"
y1="-.491"
y2="67.201"
href="#a"
/>
<linearGradient
id="g"
x1="40.146"
x2="40.146"
y1="-.491"
y2="67.201"
href="#a"
/>
<linearGradient id="h" x1="14" x2="14" y1="-.491" y2="67.201" href="#a" />
<linearGradient id="i" x1="18" x2="18" y1="-.491" y2="67.201" href="#a" />
<linearGradient id="j" x1="22" x2="22" y1="-.491" y2="67.201" href="#a" />
<linearGradient id="k" x1="26" x2="26" y1="-.491" y2="67.201" href="#a" />
<linearGradient id="l" x1="30" x2="30" y1="-.491" y2="67.201" href="#a" />
<linearGradient id="m" x1="34" x2="34" y1="-.491" y2="67.201" href="#a" />
<linearGradient id="n" x1="38" x2="38" y1="-.491" y2="67.201" href="#a" />
<linearGradient id="o" x1="42" x2="42" y1="-.491" y2="67.201" href="#a" />
<linearGradient id="p" x1="46" x2="46" y1="-.491" y2="67.201" href="#a" />
<linearGradient id="q" x1="50" x2="50" y1="-.491" y2="67.201" href="#a" />
<path
fill="url(#a)"
d="M61 52h-1V21a3 3 0 0 0-3-3h-4V5a3 3 0 0 0-3-3H14a3 3 0 0 0-3 3v13H7a3 3 0 0 0-3 3v31H3a1 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 12h38v23a1 1 0 0 1-1 1H14a1 1 0 0 1-1-1zm1-8h36a1 1 0 0 1 1 1v5H13V5a1 1 0 0 1 1-1zM6 21a1 1 0 0 1 1-1h4v15a3 3 0 0 0 3 3h36a3 3 0 0 0 3-3V20h4a1 1 0 0 1 1 1v31H42a1 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 36a3 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(#b)" d="M15 6h2v2h-2z" />
<path fill="url(#c)" d="M19 6h2v2h-2z" />
<path fill="url(#d)" d="M23 6h2v2h-2z" />
<path fill="url(#e)" d="M47 6h2v2h-2z" />
<path
fill="url(#f)"
d="m27.293 32.707 1.414-1.414L21.414 24l7.293-7.293-1.414-1.414-8 8a1 1 0 0 0 0 1.414z"
/>
<path
fill="url(#g)"
d="m36.707 32.707 8-8a1 1 0 0 0 0-1.414l-8-8-1.414 1.414L42.586 24l-7.293 7.293z"
/>
<path fill="url(#a)" d="M31 16h2v16h-2z" />
<path fill="url(#h)" d="M13 40h2v2h-2z" />
<path fill="url(#i)" d="M17 40h2v2h-2z" />
<path fill="url(#j)" d="M21 40h2v2h-2z" />
<path fill="url(#k)" d="M25 40h2v2h-2z" />
<path fill="url(#l)" d="M29 40h2v2h-2z" />
<path fill="url(#m)" d="M33 40h2v2h-2z" />
<path fill="url(#n)" d="M37 40h2v2h-2z" />
<path fill="url(#o)" d="M41 40h2v2h-2z" />
<path fill="url(#p)" d="M45 40h2v2h-2z" />
<path fill="url(#q)" d="M49 40h2v2h-2z" />
<path fill="url(#h)" d="M13 48h2v2h-2z" />
<path fill="url(#i)" d="M17 48h2v2h-2z" />
<path fill="url(#j)" d="M21 48h2v2h-2z" />
<path fill="url(#k)" d="M25 48h2v2h-2z" />
<path fill="url(#l)" d="M29 48h2v2h-2z" />
<path fill="url(#m)" d="M33 48h2v2h-2z" />
<path fill="url(#n)" d="M37 48h2v2h-2z" />
<path fill="url(#o)" d="M41 48h2v2h-2z" />
<path fill="url(#p)" d="M45 48h2v2h-2z" />
<path fill="url(#q)" d="M49 48h2v2h-2z" />
<path fill="url(#h)" d="M13 44h2v2h-2z" />
<path fill="url(#i)" d="M17 44h2v2h-2z" />
<path fill="url(#j)" d="M21 44h2v2h-2z" />
<path fill="url(#k)" d="M25 44h2v2h-2z" />
<path fill="url(#l)" d="M29 44h2v2h-2z" />
<path fill="url(#m)" d="M33 44h2v2h-2z" />
<path fill="url(#n)" d="M37 44h2v2h-2z" />
<path fill="url(#o)" d="M41 44h2v2h-2z" />
<path fill="url(#p)" d="M45 44h2v2h-2z" />
<path fill="url(#q)" d="M49 44h2v2h-2z" />
</svg>
More icons in the same style and category