Add icons to this collection by clicking the heart icon.
Coding icon - also known as development, code, ui, web programming, web development, developer, programming, coding, and seo and web. Created in a clean outline 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="464"
y2="50.909"
gradientUnits="userSpaceOnUse"
>
<stop offset=".322" stop-color="#a163f5" />
<stop offset=".466" stop-color="#b074ee" />
<stop offset=".752" stop-color="#d8a1dd" />
<stop offset=".898" stop-color="#efbad3" />
</linearGradient>
<linearGradient
id="b"
x1="57.434"
x2="57.434"
y1="464"
y2="50.909"
href="#a"
/>
<linearGradient
id="c"
x1="89.091"
x2="89.091"
y1="464"
y2="50.909"
href="#a"
/>
<linearGradient
id="d"
x1="121.748"
x2="121.748"
y1="464"
y2="50.909"
href="#a"
/>
<linearGradient id="e" x1="41" x2="41" y1="464" y2="50.909" href="#a" />
<linearGradient
id="f"
x1="81.64"
x2="81.64"
y1="464"
y2="50.909"
href="#a"
/>
<linearGradient
id="g"
x1="197.873"
x2="197.873"
y1="464"
y2="50.909"
href="#a"
/>
<linearGradient
id="h"
x1="139.756"
x2="139.756"
y1="464"
y2="50.909"
href="#a"
/>
<linearGradient
id="i"
x1="257.306"
x2="257.306"
y1="464"
y2="50.909"
href="#a"
/>
<linearGradient
id="j"
x1="293.876"
x2="293.876"
y1="464"
y2="50.909"
href="#a"
/>
<linearGradient
id="k"
x1="391.076"
x2="391.076"
y1="464"
y2="50.909"
href="#a"
/>
<path
fill="url(#a)"
d="M456 48H56a46 46 0 0 0-46 46v324a46 46 0 0 0 46 46h400a46 46 0 0 0 46-46V94a46 46 0 0 0-46-46zm34 66H108a6 6 0 0 0 0 12h382v291.818A34.194 34.194 0 0 1 456 452H56a34.194 34.194 0 0 1-34-34.182V126h44a6 6 0 0 0 0-12H22V94.182A34.194 34.194 0 0 1 56 60h400a34.194 34.194 0 0 1 34 34.182z"
/>
<path
fill="url(#b)"
d="M57.435 81.651a8.511 8.511 0 1 0 8.509 8.51 8.52 8.52 0 0 0-8.509-8.51z"
/>
<path
fill="url(#c)"
d="M89.091 98.672a8.511 8.511 0 1 0-8.511-8.511 8.521 8.521 0 0 0 8.511 8.511z"
/>
<path
fill="url(#d)"
d="M121.748 81.651a8.511 8.511 0 1 0 8.51 8.51 8.521 8.521 0 0 0-8.51-8.51z"
/>
<path
fill="url(#e)"
d="M41 163.317a6 6 0 0 0-6 6v84.572a6 6 0 0 0 12 0v-84.572a6 6 0 0 0-6-6zM41 140.053a6 6 0 0 0-6 6v4.614a6 6 0 0 0 12 0v-4.614a6 6 0 0 0-6-6z"
/>
<path
fill="url(#f)"
d="M55.037 272.757a6 6 0 0 0 0 8.486l44.721 44.721a6 6 0 0 0 8.484-8.485L67.765 277l40.477-40.479a6 6 0 0 0-8.484-8.485z"
/>
<path
fill="url(#g)"
d="M171.271 325.964a6 6 0 0 0 8.484 0l44.721-44.721a6 6 0 0 0 0-8.486l-44.721-44.721a6 6 0 0 0-8.484 8.485L211.748 277l-40.477 40.479a6 6 0 0 0 0 8.485z"
/>
<path
fill="url(#h)"
d="M120.85 355.264a5.989 5.989 0 0 0 7.241-4.423l35-144.864a6 6 0 0 0-11.664-2.818l-35 144.864a6 6 0 0 0 4.423 7.241z"
/>
<path fill="url(#i)" d="M255.808 223h3a6 6 0 0 0 0-12h-3a6 6 0 0 0 0 12z" />
<path
fill="url(#j)"
d="M288.717 223h10.318a6 6 0 1 0 0-12h-10.318a6 6 0 0 0 0 12z"
/>
<path
fill="url(#k)"
d="M329.432 223h123.289a6 6 0 0 0 0-12H329.432a6 6 0 0 0 0 12z"
/>
<path fill="url(#i)" d="M255.808 263h3a6 6 0 1 0 0-12h-3a6 6 0 0 0 0 12z" />
<path
fill="url(#j)"
d="M288.717 263h10.318a6 6 0 1 0 0-12h-10.318a6 6 0 0 0 0 12z"
/>
<path
fill="url(#k)"
d="M329.432 263h123.289a6 6 0 0 0 0-12H329.432a6 6 0 0 0 0 12z"
/>
<path fill="url(#i)" d="M255.808 303h3a6 6 0 1 0 0-12h-3a6 6 0 0 0 0 12z" />
<path
fill="url(#j)"
d="M288.717 303h10.318a6 6 0 1 0 0-12h-10.318a6 6 0 0 0 0 12z"
/>
<path
fill="url(#k)"
d="M329.432 303h123.289a6 6 0 0 0 0-12H329.432a6 6 0 0 0 0 12z"
/>
<path fill="url(#i)" d="M255.808 343h3a6 6 0 1 0 0-12h-3a6 6 0 0 0 0 12z" />
<path
fill="url(#j)"
d="M288.717 343h10.318a6 6 0 1 0 0-12h-10.318a6 6 0 0 0 0 12z"
/>
<path
fill="url(#k)"
d="M329.432 343h123.289a6 6 0 0 0 0-12H329.432a6 6 0 0 0 0 12z"
/>
</svg>
More icons in the same style and category