Add icons to this collection by clicking the heart icon.
Coding icon - also known as web, window, page, code, program, ui, programming, windows os, metadata, 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"
>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<circle cx="56" cy="16" r="1" fill="url(#a)" />
<circle cx="52" cy="16" r="1" fill="url(#b)" />
<circle cx="48" cy="16" r="1" fill="url(#c)" />
<path
d="M6 53h52a3 3 0 0 0 3-3V14a3 3 0 0 0-3-3H6a3 3 0 0 0-3 3v36a3 3 0 0 0 3 3Zm53-32v29a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V21h54Zm0-2H5v-5a1 1 0 0 1 1-1h52a1 1 0 0 1 1 1v5Z"
fill="url(#d)"
/>
<path
d="m9.832 42.555 4-6a1 1 0 0 0 0-1.11l-4-6a1 1 0 0 0-1.664 1.11L11.798 36l-3.63 5.445a1 1 0 0 0 1.664 1.11Z"
fill="url(#e)"
/>
<path d="M15 43h8a1 1 0 0 0 0-2h-8a1 1 0 0 0 0 2Z" fill="url(#f)" />
<path d="M32 27h9a1 1 0 0 0 0-2h-9a1 1 0 0 0 0 2Z" fill="url(#g)" />
<path d="M34 31h14a1 1 0 0 0 0-2H34a1 1 0 0 0 0 2Z" fill="url(#h)" />
<path d="M36 35h19a1 1 0 0 0 0-2H36a1 1 0 0 0 0 2Z" fill="url(#i)" />
<path d="M36 39h16a1 1 0 0 0 0-2H36a1 1 0 0 0 0 2Z" fill="url(#j)" />
<path d="M34 43h14a1 1 0 0 0 0-2H34a1 1 0 0 0 0 2Z" fill="url(#k)" />
<path d="M32 47h9a1 1 0 0 0 0-2h-9a1 1 0 0 0 0 2Z" fill="url(#l)" />
<defs>
<linearGradient
id="a"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(64 0 0 64 0 -37)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1300ff" stop-opacity="1" />
<stop offset="1" stop-color="#ff0027" stop-opacity="1" />
</linearGradient>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(64 0 0 64 0 -37)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1300ff" stop-opacity="1" />
<stop offset="1" stop-color="#ff0027" stop-opacity="1" />
</linearGradient>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(64 0 0 64 0 -37)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1300ff" stop-opacity="1" />
<stop offset="1" stop-color="#ff0027" stop-opacity="1" />
</linearGradient>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(64 0 0 64 0 -37)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1300ff" stop-opacity="1" />
<stop offset="1" stop-color="#ff0027" stop-opacity="1" />
</linearGradient>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(64 0 0 64 0 -37)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1300ff" stop-opacity="1" />
<stop offset="1" stop-color="#ff0027" stop-opacity="1" />
</linearGradient>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(64 0 0 64 0 -37)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1300ff" stop-opacity="1" />
<stop offset="1" stop-color="#ff0027" stop-opacity="1" />
</linearGradient>
<linearGradient
id="g"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(64 0 0 64 0 -37)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1300ff" stop-opacity="1" />
<stop offset="1" stop-color="#ff0027" stop-opacity="1" />
</linearGradient>
<linearGradient
id="h"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(64 0 0 64 0 -37)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1300ff" stop-opacity="1" />
<stop offset="1" stop-color="#ff0027" stop-opacity="1" />
</linearGradient>
<linearGradient
id="i"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(64 0 0 64 0 -37)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1300ff" stop-opacity="1" />
<stop offset="1" stop-color="#ff0027" stop-opacity="1" />
</linearGradient>
<linearGradient
id="j"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(64 0 0 64 0 -37)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1300ff" stop-opacity="1" />
<stop offset="1" stop-color="#ff0027" stop-opacity="1" />
</linearGradient>
<linearGradient
id="k"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(64 0 0 64 0 -37)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1300ff" stop-opacity="1" />
<stop offset="1" stop-color="#ff0027" stop-opacity="1" />
</linearGradient>
<linearGradient
id="l"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(64 0 0 64 0 -37)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1300ff" stop-opacity="1" />
<stop offset="1" stop-color="#ff0027" stop-opacity="1" />
</linearGradient>
</defs>
</g>
</svg>
More icons in the same style and category