Add icons to this collection by clicking the heart icon.
Coding icon - also known as computer, data, page, development, programming, hosting, and coding. 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="a"
x1="256"
x2="256"
y1="40"
y2="482.547"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<linearGradient
id="b"
x1="256.029"
x2="256.029"
y1="40"
y2="482.547"
href="#a"
/>
<linearGradient
id="c"
x1="217.045"
x2="217.045"
y1="40"
y2="482.547"
href="#a"
/>
<linearGradient
id="d"
x1="295.012"
x2="295.012"
y1="40"
y2="482.547"
href="#a"
/>
<linearGradient
id="e"
x1="255.996"
x2="255.996"
y1="40"
y2="482.547"
href="#a"
/>
<path
fill="url(#a)"
d="M351.588 17.843A6 6 0 0 0 347.262 16H83.008A6.008 6.008 0 0 0 77 22v468a6.008 6.008 0 0 0 6.008 6h345.984a6.008 6.008 0 0 0 6.008-6V107.043a6.008 6.008 0 0 0-1.678-4.158zM353 36.9l61.9 64.1H353zM89 484V28h252v79.043a6.193 6.193 0 0 0 6.262 5.957H423v371z"
/>
<path
fill="url(#a)"
d="m393.417 260.005-25.56-2.464a112.457 112.457 0 0 0-12.9-30.454l16.178-19.536a6 6 0 0 0-.365-8.05l-27.964-28.251a6 6 0 0 0-8.1-.4l-19.582 16.234a116.028 116.028 0 0 0-30.469-12.846l-2.455-25.613a6.183 6.183 0 0 0-5.976-5.625h-40.1a6.182 6.182 0 0 0-5.972 5.625l-2.462 25.514a112.466 112.466 0 0 0-30.506 12.867l-19.543-16.179a6 6 0 0 0-8.068.384l-28.308 28.257a6 6 0 0 0-.381 8.08l16.216 19.566a116.482 116.482 0 0 0-12.86 30.424L118.583 260a6.143 6.143 0 0 0-5.583 5.977v40.046a6.141 6.141 0 0 0 5.583 5.977l25.56 2.464a112.457 112.457 0 0 0 12.9 30.454l-16.178 19.536a6 6 0 0 0 .391 8.076l28.313 28.251a6 6 0 0 0 8.07.371l19.582-16.234a116.028 116.028 0 0 0 30.469 12.846l2.463 25.616a6.182 6.182 0 0 0 5.968 5.62h40.1a6.182 6.182 0 0 0 5.972-5.625l2.463-25.514a112.459 112.459 0 0 0 30.5-12.867l19.544 16.179a6 6 0 0 0 8.067-.384l28.308-28.257a6 6 0 0 0 .381-8.08l-16.221-19.566a116.5 116.5 0 0 0 12.865-30.429L393.424 312a6.143 6.143 0 0 0 5.576-5.977v-40.046a6.141 6.141 0 0 0-5.583-5.972zM387 300.582l-24.146 2.346a6.093 6.093 0 0 0-5.353 4.67A104.771 104.771 0 0 1 342.87 342.1a6 6 0 0 0 .389 7.1l15.485 18.7-20.575 20.529-18.7-15.5a6 6 0 0 0-7.141-.386 100.545 100.545 0 0 1-34.487 14.5 6.237 6.237 0 0 0-4.712 5.491L270.777 417h-29.209l-2.352-24.471a6.118 6.118 0 0 0-4.722-5.392 104.256 104.256 0 0 1-34.543-14.593 6 6 0 0 0-7.073.4l-18.7 15.49-20.567-20.534 15.5-18.691a6 6 0 0 0 .377-7.153 100.572 100.572 0 0 1-14.553-34.434 6.188 6.188 0 0 0-5.445-4.7L125 300.575v-29.15l24.485-2.353a6.092 6.092 0 0 0 5.359-4.67 104.792 104.792 0 0 1 14.631-34.502 6 6 0 0 0-.389-7.1L153.6 204.1l20.576-20.529 18.7 15.5a6 6 0 0 0 7.141.386 100.553 100.553 0 0 1 34.487-14.5 6.237 6.237 0 0 0 4.712-5.491L241.568 155h29.209l2.352 24.471a6.118 6.118 0 0 0 4.722 5.392 104.256 104.256 0 0 1 34.543 14.593 6 6 0 0 0 7.073-.4l18.671-15.468 20.273 20.488-15.517 18.717a6 6 0 0 0-.377 7.153 100.572 100.572 0 0 1 14.553 34.434 6.188 6.188 0 0 0 5.445 4.7L387 271.425z"
/>
<path
fill="url(#b)"
d="M256.029 199.742A86.258 86.258 0 1 0 342.406 286a86.416 86.416 0 0 0-86.377-86.258zm0 160.516A74.258 74.258 0 1 1 330.406 286a74.4 74.4 0 0 1-74.377 74.258z"
/>
<path
fill="url(#c)"
d="M239.577 255.326a6 6 0 0 0-8.4-1.167L195.68 281a6 6 0 0 0 0 9.571l35.493 26.839a6 6 0 0 0 7.237-9.571l-29.164-22.053 29.164-22.056a6 6 0 0 0 1.167-8.404z"
/>
<path
fill="url(#d)"
d="M272.48 255.326a6 6 0 0 0 1.167 8.4l29.165 22.054-29.165 22.053a6 6 0 1 0 7.237 9.571l35.494-26.839a6 6 0 0 0 0-9.571l-35.494-26.839a6 6 0 0 0-8.404 1.171z"
/>
<path
fill="url(#e)"
d="M262.952 240.041a6 6 0 0 0-6.83 5.035l-12.117 80.052a6 6 0 1 0 11.866 1.8l12.116-80.052a6 6 0 0 0-5.035-6.835z"
/>
</svg>
More icons in the same style and category