Add icons to this collection by clicking the heart icon.
Coding icon - also known as website, browser, ui, web programming, web development, coding, 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"
>
<defs>
<linearGradient
id="a"
x1=".646"
x2="60.881"
y1="-.334"
y2="61.784"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#2848ff" />
<stop offset="1" stop-color="#981bac" />
</linearGradient>
<linearGradient
id="b"
x1="-3.196"
x2="57.039"
y1="3.392"
y2="65.509"
href="#a"
/>
<linearGradient
id="c"
x1=".927"
x2="61.162"
y1="-.606"
y2="61.511"
href="#a"
/>
<linearGradient
id="d"
x1="5.05"
x2="65.285"
y1="-4.605"
y2="57.513"
href="#a"
/>
<linearGradient
id="e"
x1="-7.034"
x2="53.201"
y1="7.114"
y2="69.231"
href="#a"
/>
<linearGradient
id="f"
x1="-15.838"
x2="44.397"
y1="15.651"
y2="77.768"
href="#a"
/>
<linearGradient
id="g"
x1="-10.033"
x2="50.202"
y1="10.021"
y2="72.139"
href="#a"
/>
<linearGradient
id="h"
x1="-18.837"
x2="41.398"
y1="18.559"
y2="80.676"
href="#a"
/>
<linearGradient
id="i"
x1="-8.933"
x2="51.302"
y1="8.955"
y2="71.072"
href="#a"
/>
<linearGradient
id="j"
x1="-10.822"
x2="49.413"
y1="10.787"
y2="72.904"
href="#a"
/>
<linearGradient
id="k"
x1="-4.73"
x2="55.506"
y1="4.879"
y2="66.996"
href="#a"
/>
</defs>
<path
d="M51.667 58h4.666v-4H61V2H12.333v4H7.667v4H3v52h48.667ZM14.333 4H59v48h-2.667V6h-42ZM9.667 8h44.666v48h-2.666V10h-42Zm40 52H5V24h44.667Zm0-38H5V12h44.667Z"
fill="url(#a)"
/>
<path
d="M10 20a3 3 0 1 0-3-3 3 3 0 0 0 3 3Zm0-4a1 1 0 1 1-1 1 1 1 0 0 1 1-1Z"
fill="url(#b)"
/>
<path
d="M18 20a3 3 0 1 0-3-3 3 3 0 0 0 3 3Zm0-4a1 1 0 1 1-1 1 1 1 0 0 1 1-1Z"
fill="url(#c)"
/>
<path
d="M26 20a3 3 0 1 0-3-3 3 3 0 0 0 3 3Zm0-4a1 1 0 1 1-1 1 1 1 0 0 1 1-1Z"
fill="url(#d)"
/>
<path d="M16.376 42h22.777v2H16.376z" fill="url(#e)" />
<path d="M8 42h5.364v2H8z" fill="url(#f)" />
<path d="M16.376 48h22.777v2H16.376z" fill="url(#g)" />
<path d="M8 48h5.364v2H8z" fill="url(#h)" />
<path d="M14.212 34.588h5.364v2h-5.364z" fill="url(#i)" />
<path
d="m12.44 34.982-2.482-1.92 2.482-1.92-1.224-1.582-3.504 2.711v1.582l3.504 2.711 1.224-1.582z"
fill="url(#j)"
/>
<path
d="m22.162 36.564 3.504-2.711v-1.582l-3.504-2.711-1.224 1.582 2.482 1.92-2.482 1.92 1.224 1.582z"
fill="url(#k)"
/>
</svg>
More icons in the same style and category