Add icons to this collection by clicking the heart icon.
Coding icon - also known as screen, data, development, code, multimedia, browser, website design, 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 512 512"
>
<linearGradient
id="linear-gradient"
gradientUnits="userSpaceOnUse"
x1="-3.77"
x2="495.64"
y1="256"
y2="256"
>
<stop offset="0" stop-color="#7738c8" />
<stop offset="1" stop-color="#461d93" />
</linearGradient>
<linearGradient
id="linear-gradient-2"
x1="-3.77"
x2="495.64"
y1="207.5"
y2="207.5"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-3"
x1="-3.77"
x2="495.64"
y1="247.5"
y2="247.5"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-4"
x1="-3.77"
x2="495.64"
y1="167.5"
y2="167.5"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-7"
x1="-3.77"
x2="495.64"
y1="32.5"
y2="32.5"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-9"
x1="-3.77"
x2="495.64"
y1="119.76"
y2="119.76"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-12"
x1="-3.77"
x2="495.64"
y1="192.02"
y2="192.02"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-14"
x1="-3.77"
x2="495.64"
y1="255.67"
y2="255.67"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-16"
x1="-3.77"
x2="495.64"
y1="223.84"
y2="223.84"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-17"
x1="-3.77"
x2="495.64"
y1="287.5"
y2="287.5"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-18"
x1="-3.77"
x2="495.64"
y1="112.5"
y2="112.5"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-20"
x1="-3.77"
x2="495.64"
y1="414.5"
y2="414.5"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-25"
x1="-3.77"
x2="495.64"
y1="444.5"
y2="444.5"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-30"
x1="-3.77"
x2="495.64"
y1="474.5"
y2="474.5"
href="#linear-gradient"
/>
<path
d="m504.5 0h-497a7.5 7.5 0 0 0 -7.5 7.5v320a7.5 7.5 0 0 0 7.5 7.5h241v42h-107.5a22.52 22.52 0 0 0 -22.5 22.5v90a22.52 22.52 0 0 0 22.5 22.5h230a22.52 22.52 0 0 0 22.5-22.5v-90a22.52 22.52 0 0 0 -22.5-22.5h-107.5v-42h241a7.5 7.5 0 0 0 7.5-7.5v-320a7.5 7.5 0 0 0 -7.5-7.5zm-126 399.5v90a7.5 7.5 0 0 1 -7.5 7.5h-230a7.5 7.5 0 0 1 -7.5-7.5v-90a7.5 7.5 0 0 1 7.5-7.5h230a7.5 7.5 0 0 1 7.5 7.5zm118.5-384.5v35h-482v-35zm-482 50h145v255h-145zm160 255v-255h322v255z"
fill="url(#linear-gradient)"
/>
<path
d="m207.5 255h100a7.5 7.5 0 0 0 7.5-7.5v-80a7.5 7.5 0 0 0 -7.5-7.5h-100a7.5 7.5 0 0 0 -7.5 7.5v80a7.5 7.5 0 0 0 7.5 7.5zm7.5-80h85v65h-85z"
fill="url(#linear-gradient-2)"
/>
<path
d="m464.5 240h-117a7.5 7.5 0 0 0 0 15h117a7.5 7.5 0 0 0 0-15z"
fill="url(#linear-gradient-3)"
/>
<path
d="m464.5 160h-77a7.5 7.5 0 0 0 0 15h77a7.5 7.5 0 0 0 0-15z"
fill="url(#linear-gradient-4)"
/>
<path
d="m347.5 175h10a7.5 7.5 0 0 0 0-15h-10a7.5 7.5 0 0 0 0 15z"
fill="url(#linear-gradient-4)"
/>
<path
d="m464.5 200h-117a7.5 7.5 0 0 0 0 15h117a7.5 7.5 0 0 0 0-15z"
fill="url(#linear-gradient-2)"
/>
<path
d="m424.5 40h10a7.5 7.5 0 0 0 0-15h-10a7.5 7.5 0 0 0 0 15z"
fill="url(#linear-gradient-7)"
/>
<path
d="m464.5 40h10a7.5 7.5 0 0 0 0-15h-10a7.5 7.5 0 0 0 0 15z"
fill="url(#linear-gradient-7)"
/>
<path
d="m109.23 144a7.5 7.5 0 0 0 10.57.82l22.58-19.36a7.5 7.5 0 0 0 0-11.39l-22.58-19.36a7.5 7.5 0 0 0 -9.8 11.39l16 13.66-16 13.66a7.48 7.48 0 0 0 -.77 10.58z"
fill="url(#linear-gradient-9)"
/>
<path
d="m32.62 125.45 22.58 19.36a7.5 7.5 0 0 0 9.8-11.39l-16-13.66 16-13.66a7.5 7.5 0 0 0 -9.8-11.39l-22.58 19.35a7.5 7.5 0 0 0 0 11.39z"
fill="url(#linear-gradient-9)"
/>
<path
d="m77.62 159.29a7.63 7.63 0 0 0 1.82.23 7.51 7.51 0 0 0 7.27-5.69l16.13-64.51a7.5 7.5 0 1 0 -14.55-3.64l-16.13 64.52a7.49 7.49 0 0 0 5.46 9.09z"
fill="url(#linear-gradient-9)"
/>
<path
d="m137.5 184.52h-70a7.5 7.5 0 1 0 0 15h70a7.5 7.5 0 0 0 0-15z"
fill="url(#linear-gradient-12)"
/>
<path
d="m37.5 199.52h5a7.5 7.5 0 0 0 0-15h-5a7.5 7.5 0 0 0 0 15z"
fill="url(#linear-gradient-12)"
/>
<path
d="m137.5 248.17h-70a7.5 7.5 0 1 0 0 15h70a7.5 7.5 0 0 0 0-15z"
fill="url(#linear-gradient-14)"
/>
<path
d="m37.5 263.17h5a7.5 7.5 0 0 0 0-15h-5a7.5 7.5 0 1 0 0 15z"
fill="url(#linear-gradient-14)"
/>
<path
d="m137.5 216.34h-100a7.5 7.5 0 0 0 0 15h100a7.5 7.5 0 0 0 0-15z"
fill="url(#linear-gradient-16)"
/>
<path
d="m137.5 280h-100a7.5 7.5 0 0 0 0 15h100a7.5 7.5 0 0 0 0-15z"
fill="url(#linear-gradient-17)"
/>
<path
d="m464.5 90h-257a7.5 7.5 0 0 0 -7.5 7.5v30a7.5 7.5 0 0 0 7.5 7.5h257a7.5 7.5 0 0 0 7.5-7.5v-30a7.5 7.5 0 0 0 -7.5-7.5zm-7.5 30h-242v-15h242z"
fill="url(#linear-gradient-18)"
/>
<path
d="m464.5 280h-257a7.5 7.5 0 0 0 0 15h257a7.5 7.5 0 0 0 0-15z"
fill="url(#linear-gradient-17)"
/>
<g fill="url(#linear-gradient-20)">
<path d="m156 422h15a7.5 7.5 0 0 0 0-15h-15a7.5 7.5 0 0 0 0 15z" />
<path d="m202.25 422h15a7.5 7.5 0 0 0 0-15h-15a7.5 7.5 0 0 0 0 15z" />
<path d="m248.5 422h15a7.5 7.5 0 0 0 0-15h-15a7.5 7.5 0 0 0 0 15z" />
<path d="m294.75 422h15a7.5 7.5 0 0 0 0-15h-15a7.5 7.5 0 0 0 0 15z" />
<path d="m341 422h15a7.5 7.5 0 0 0 0-15h-15a7.5 7.5 0 0 0 0 15z" />
</g>
<path
d="m156 452h15a7.5 7.5 0 0 0 0-15h-15a7.5 7.5 0 0 0 0 15z"
fill="url(#linear-gradient-25)"
/>
<path
d="m202.25 452h15a7.5 7.5 0 0 0 0-15h-15a7.5 7.5 0 0 0 0 15z"
fill="url(#linear-gradient-25)"
/>
<path
d="m248.5 452h15a7.5 7.5 0 0 0 0-15h-15a7.5 7.5 0 0 0 0 15z"
fill="url(#linear-gradient-25)"
/>
<path
d="m294.75 452h15a7.5 7.5 0 0 0 0-15h-15a7.5 7.5 0 0 0 0 15z"
fill="url(#linear-gradient-25)"
/>
<path
d="m341 452h15a7.5 7.5 0 0 0 0-15h-15a7.5 7.5 0 0 0 0 15z"
fill="url(#linear-gradient-25)"
/>
<path
d="m156 482h15a7.5 7.5 0 0 0 0-15h-15a7.5 7.5 0 0 0 0 15z"
fill="url(#linear-gradient-30)"
/>
<path
d="m202.25 482h107.5a7.5 7.5 0 0 0 0-15h-107.5a7.5 7.5 0 0 0 0 15z"
fill="url(#linear-gradient-30)"
/>
<path
d="m341 482h15a7.5 7.5 0 0 0 0-15h-15a7.5 7.5 0 0 0 0 15z"
fill="url(#linear-gradient-30)"
/>
</svg>
More icons in the same style and category