Add icons to this collection by clicking the heart icon.
Coding icon - also known as computer, keyboard, process, code, browser, ui, coding, terminal, seo and web, and code terminal. 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="-4 0 480 480"
>
<linearGradient id="a">
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".36" stop-color="#ed683c" />
<stop offset=".716" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<linearGradient
id="b"
x1="53.392"
x2="38.808"
y1="490.08"
y2="-8.76"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="85.368"
x2="70.784"
y1="489.144"
y2="-9.696"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="117.336"
x2="102.752"
y1="488.208"
y2="-10.632"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="58.264"
x2="43.68"
y1="489.936"
y2="-8.904"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="108.264"
x2="93.68"
y1="488.48"
y2="-10.368"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="81.864"
x2="67.272"
y1="489.248"
y2="-9.592"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="145.808"
x2="131.224"
y1="487.376"
y2="-11.464"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="104.904"
x2="90.32"
y1="488.576"
y2="-10.264"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="176.848"
x2="162.256"
y1="486.472"
y2="-12.368"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="127.952"
x2="113.368"
y1="487.904"
y2="-10.944"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="119.024"
x2="104.44"
y1="488.16"
y2="-10.68"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="190.96"
x2="176.376"
y1="486.056"
y2="-12.784"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="193.112"
x2="178.528"
y1="485.992"
y2="-12.848"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="337.336"
x2="322.752"
y1="481.776"
y2="-17.064"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="49.232"
x2="34.648"
y1="490.2"
y2="-8.64"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="50.168"
x2="35.584"
y1="490.176"
y2="-8.664"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="82.144"
x2="67.552"
y1="489.24"
y2="-9.6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="s"
x1="114.112"
x2="99.528"
y1="488.304"
y2="-10.536"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="t"
x1="146.088"
x2="131.504"
y1="487.368"
y2="-11.472"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="u"
x1="178.056"
x2="163.472"
y1="486.432"
y2="-12.408"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="v"
x1="210.032"
x2="195.448"
y1="485.504"
y2="-13.344"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="w"
x1="242.008"
x2="227.416"
y1="484.568"
y2="-14.28"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="x"
x1="273.976"
x2="259.392"
y1="483.632"
y2="-15.208"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="y"
x1="305.952"
x2="291.368"
y1="482.696"
y2="-16.144"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="z"
x1="51.104"
x2="36.52"
y1="490.144"
y2="-8.696"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="A"
x1="83.08"
x2="68.488"
y1="489.216"
y2="-9.632"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="B"
x1="115.048"
x2="100.464"
y1="488.28"
y2="-10.568"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="C"
x1="147.024"
x2="132.432"
y1="487.344"
y2="-11.496"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="D"
x1="178.992"
x2="164.408"
y1="486.408"
y2="-12.432"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="E"
x1="210.968"
x2="196.384"
y1="485.472"
y2="-13.368"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="F"
x1="242.936"
x2="228.352"
y1="484.536"
y2="-14.304"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="G"
x1="274.912"
x2="260.328"
y1="483.6"
y2="-15.24"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="H"
x1="306.888"
x2="292.296"
y1="482.672"
y2="-16.176"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="I"
x1="242.92"
x2="228.336"
y1="484.536"
y2="-14.304"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path fill="url(#b)" d="M32 24h16v16H32zm0 0" />
<path fill="url(#c)" d="M64 24h16v16H64zm0 0" />
<path fill="url(#d)" d="M96 24h16v16H96zm0 0" />
<path
fill="url(#e)"
d="M61.656 114.344 51.313 104l10.343-10.344-11.312-11.312-16 16a8.004 8.004 0 0 0 0 11.312l16 16zm0 0"
/>
<path
fill="url(#f)"
d="m93.656 125.656 16-16a8.004 8.004 0 0 0 0-11.312l-16-16-11.312 11.312L92.688 104l-10.344 10.344zm0 0"
/>
<path fill="url(#g)" d="M64 144h16v16H64zm0 0" />
<path fill="url(#h)" d="M96 144h80v16H96zm0 0" />
<path fill="url(#i)" d="M80 176h32v16H80zm0 0" />
<path fill="url(#j)" d="M128 176h80v16h-80zm0 0" />
<path fill="url(#k)" d="M48 208h144v16H48zm0 0" />
<path fill="url(#l)" d="M96 240h32v16H96zm0 0" />
<path fill="url(#m)" d="M144 240h80v16h-80zm0 0" />
<path fill="url(#n)" d="M80 440h224v16H80zm0 0" />
<path fill="url(#o)" d="M336 440h-16v16h24a8 8 0 0 0 8-8v-32h-16zm0 0" />
<path fill="url(#p)" d="M32 440h32v16H32zm0 0" />
<path fill="url(#q)" d="M40 408h16v16H40zm0 0" />
<path fill="url(#r)" d="M72 408h16v16H72zm0 0" />
<path fill="url(#s)" d="M104 408h16v16h-16zm0 0" />
<path fill="url(#t)" d="M136 408h16v16h-16zm0 0" />
<path fill="url(#u)" d="M168 408h16v16h-16zm0 0" />
<path fill="url(#v)" d="M200 408h16v16h-16zm0 0" />
<path fill="url(#w)" d="M232 408h16v16h-16zm0 0" />
<path fill="url(#x)" d="M264 408h16v16h-16zm0 0" />
<path fill="url(#y)" d="M296 408h16v16h-16zm0 0" />
<path fill="url(#z)" d="M40 376h16v16H40zm0 0" />
<path fill="url(#A)" d="M72 376h16v16H72zm0 0" />
<path fill="url(#B)" d="M104 376h16v16h-16zm0 0" />
<path fill="url(#C)" d="M136 376h16v16h-16zm0 0" />
<path fill="url(#D)" d="M168 376h16v16h-16zm0 0" />
<path fill="url(#E)" d="M200 376h16v16h-16zm0 0" />
<path fill="url(#F)" d="M232 376h16v16h-16zm0 0" />
<path fill="url(#G)" d="M264 376h16v16h-16zm0 0" />
<path fill="url(#H)" d="M296 376h16v16h-16zm0 0" />
<path
fill="url(#I)"
d="M432 0c-22.082.027-39.973 17.918-40 40v80c0 13.254-10.746 24-24 24h-48V24c0-13.254-10.746-24-24-24H24C10.746 0 0 10.746 0 24v240c0 13.254 10.746 24 24 24h272c13.254 0 24-10.746 24-24V160h48c22.082-.027 39.973-17.918 40-40V40c0-13.254 10.746-24 24-24s24 10.746 24 24v320c0 13.254-10.746 24-24 24h-24v-8a8 8 0 0 0-8-8h-16c0-13.254-10.746-24-24-24H24c-13.254 0-24 10.746-24 24v88c0 13.254 10.746 24 24 24h336c13.254 0 24-10.746 24-24v-40h16a8 8 0 0 0 8-8v-8h24c22.082-.027 39.973-17.918 40-40V40c-.027-22.082-17.918-39.973-40-40zM24 16h272a8 8 0 0 1 8 8v24H16V24a8 8 0 0 1 8-8zm272 256H24a8 8 0 0 1-8-8V64h288v200a8 8 0 0 1-8 8zm72 184a8 8 0 0 1-8 8H24a8 8 0 0 1-8-8v-88a8 8 0 0 1 8-8h336a8 8 0 0 1 8 8zm24-56h-8v-16h8zm0 0"
/>
</svg>
More icons in the same style and category