Add icons to this collection by clicking the heart icon.
Coding icon - also known as computer, interface, screen, data, monitor, web design, application, development, website, code, multimedia, browser, web page, programming, hosting, coding, seo and web, and edit tools. 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="640"
height="640"
viewBox="0 0 480 480"
>
<linearGradient id="a">
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".35" stop-color="#ed683c" />
<stop offset=".7" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<linearGradient
id="b"
x1="72"
x2="72"
y1="496.368"
y2="-23.136"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="168"
x2="168"
y1="496.368"
y2="-23.136"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="104"
x2="104"
y1="496.368"
y2="-23.136"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="136"
x2="136"
y1="496.368"
y2="-23.136"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="272"
x2="272"
y1="496.368"
y2="-23.136"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="352"
x2="352"
y1="496.368"
y2="-23.136"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="408"
x2="408"
y1="496.368"
y2="-23.136"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="248"
x2="248"
y1="496.368"
y2="-23.136"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="312"
x2="312"
y1="496.368"
y2="-23.136"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="392"
x2="392"
y1="496.368"
y2="-23.136"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="216"
x2="216"
y1="496.368"
y2="-23.136"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="344"
x2="344"
y1="496.368"
y2="-23.136"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="128"
x2="128"
y1="496.368"
y2="-23.136"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="360"
x2="360"
y1="496.368"
y2="-23.136"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="96"
x2="96"
y1="496.368"
y2="-23.136"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="200"
x2="200"
y1="496.368"
y2="-23.136"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="240"
x2="240"
y1="496.368"
y2="-23.136"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="s"
x1="424"
x2="424"
y1="496.368"
y2="-23.136"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="t"
x1="56"
x2="56"
y1="496.368"
y2="-23.136"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="u"
x1="88"
x2="88"
y1="496.368"
y2="-23.136"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="v"
x1="120"
x2="120"
y1="496.368"
y2="-23.136"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M64 171.313V176c0 13.254 10.746 24 24 24h8v-16h-8a8 8 0 0 1-8-8v-8a8.001 8.001 0 0 0-2.344-5.656L67.312 152l10.344-10.344A8.001 8.001 0 0 0 80 136v-8a8 8 0 0 1 8-8h8v-16h-8c-13.254 0-24 10.746-24 24v4.688l-13.656 13.656a8.004 8.004 0 0 0 0 11.312zm0 0"
/>
<path
fill="url(#c)"
d="M160 128v8c0 2.121.844 4.156 2.344 5.656L172.688 152l-10.344 10.344A8.001 8.001 0 0 0 160 168v8a8 8 0 0 1-8 8h-8v16h8c13.254 0 24-10.746 24-24v-4.688l13.656-13.656a8.004 8.004 0 0 0 0-11.312L176 132.688V128c0-13.254-10.746-24-24-24h-8v16h8a8 8 0 0 1 8 8zm0 0"
/>
<path fill="url(#d)" d="M96 144h16v16H96zm0 0" />
<path fill="url(#e)" d="M128 144h16v16h-16zm0 0" />
<path fill="url(#f)" d="M224 120h96v16h-96zm0 0" />
<path fill="url(#g)" d="M336 120h32v16h-32zm0 0" />
<path fill="url(#h)" d="M384 120h48v16h-48zm0 0" />
<path fill="url(#i)" d="M224 152h48v16h-48zm0 0" />
<path fill="url(#j)" d="M288 152h48v16h-48zm0 0" />
<path fill="url(#k)" d="M352 152h80v16h-80zm0 0" />
<path fill="url(#l)" d="M192 200h48v16h-48zm0 0" />
<path fill="url(#m)" d="M256 200h176v16H256zm0 0" />
<path fill="url(#n)" d="M48 232h160v16H48zm0 0" />
<path fill="url(#i)" d="M224 232h48v16h-48zm0 0" />
<path fill="url(#o)" d="M288 232h144v16H288zm0 0" />
<path fill="url(#p)" d="M48 264h96v16H48zm0 0" />
<path fill="url(#q)" d="M160 264h80v16h-80zm0 0" />
<path fill="url(#j)" d="M256 264h112v16H256zm0 0" />
<path fill="url(#h)" d="M384 264h48v16h-48zm0 0" />
<path
fill="url(#r)"
d="M440 0H40C17.918.027.027 17.918 0 40v304c.027 22.082 17.918 39.973 40 40h134.938l-6 48H152c-13.254 0-24 10.746-24 24s10.746 24 24 24h176c13.254 0 24-10.746 24-24s-10.746-24-24-24h-16.938l-6-48H440c22.082-.027 39.973-17.918 40-40V40c-.027-22.082-17.918-39.973-40-40zM40 16h400c13.254 0 24 10.746 24 24v24H16V40c0-13.254 10.746-24 24-24zm424 64v224H16V80zM336 456a8 8 0 0 1-8 8H152a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8zm-41.063-24H185.063l6-48h97.875zM440 368H40c-13.254 0-24-10.746-24-24v-24h448v24c0 13.254-10.746 24-24 24zm0 0"
/>
<path fill="url(#s)" d="M416 336h16v16h-16zm0 0" />
<path fill="url(#t)" d="M48 32h16v16H48zm0 0" />
<path fill="url(#u)" d="M80 32h16v16H80zm0 0" />
<path fill="url(#v)" d="M112 32h16v16h-16zm0 0" />
</svg>
More icons in the same style and category