Add icons to this collection by clicking the heart icon.
Code icon - also known as technology, interface, education, user, head, code, lesson, programming, coding, and computing. 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=".35" stop-color="#ed683c" />
<stop offset=".7" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<linearGradient
id="b"
x1="236.536"
x2="237.728"
y1="494.736"
y2="-12.296"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="311.152"
x2="312.352"
y1="494.912"
y2="-12.112"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="214.904"
x2="216.104"
y1="494.68"
y2="-12.344"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="246.904"
x2="248.104"
y1="494.76"
y2="-12.264"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="278.904"
x2="280.104"
y1="494.832"
y2="-12.192"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="258.04"
x2="259.24"
y1="494.784"
y2="-12.24"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="364.336"
x2="365.536"
y1="495.032"
y2="-11.992"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="307.197"
x2="308.397"
y1="494.904"
y2="-12.128"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="74.896"
x2="76.096"
y1="494.352"
y2="-12.672"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="35.048"
x2="36.248"
y1="494.256"
y2="-12.768"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="m471.352 231.64-15.954 1.262a184.316 184.316 0 0 1-53.062 144.961v.047a185.027 185.027 0 0 1-37.36 28.922l8.094 13.8A200.95 200.95 0 0 0 400 401.552V464H192v-16c0-8.836-7.164-16-16-16h-64c-22.082-.027-39.973-17.918-40-40v-56a8 8 0 0 0-8-8H18.09l67.832-74.617A8.011 8.011 0 0 0 88 248c.094-59.238 28.613-114.836 76.672-149.473l-9.344-12.992C103.98 122.54 73.094 181.598 72 244.88l-65.762 72.36a16 16 0 0 0-2.785 17.238A15.992 15.992 0 0 0 18.09 344H56v48c.035 30.914 25.086 55.965 56 56h64v24a8 8 0 0 0 8 8h224a8 8 0 0 0 8-8v-85.215a200.324 200.324 0 0 0 55.352-155.144zm0 0"
/>
<path
fill="url(#c)"
d="M200 272h224c13.254 0 24-10.746 24-24V24c0-13.254-10.746-24-24-24H200c-13.254 0-24 10.746-24 24v224c0 13.254 10.746 24 24 24zm224-16H200a8 8 0 0 1-8-8V64h240v184a8 8 0 0 1-8 8zM200 16h224a8 8 0 0 1 8 8v24H192V24a8 8 0 0 1 8-8zm0 0"
/>
<path fill="url(#d)" d="M208 24h16v16h-16zm0 0" />
<path fill="url(#e)" d="M240 24h16v16h-16zm0 0" />
<path fill="url(#f)" d="M272 24h16v16h-16zm0 0" />
<path
fill="url(#g)"
d="m266.344 122.344-24 24a8.004 8.004 0 0 0 0 11.312l24 24 11.312-11.312L259.312 152l18.344-18.344zm0 0"
/>
<path
fill="url(#h)"
d="m357.656 122.344-11.312 11.312L364.688 152l-18.344 18.344 11.312 11.312 24-24a8.004 8.004 0 0 0 0-11.312zm0 0"
/>
<path
fill="url(#i)"
d="m280.715 196.691 39.992-88.004 14.559 6.618-39.989 88.004zm0 0"
/>
<path
fill="url(#j)"
d="m90.344 50.344 11.312 11.312 24-24a8.004 8.004 0 0 0 0-11.312l-24-24-11.312 11.312L100.688 24H24v16h76.688zm0 0"
/>
<path
fill="url(#k)"
d="m34.344 114.344 11.312 11.312 24-24a8.004 8.004 0 0 0 0-11.312l-24-24-11.312 11.312L44.687 88H0v16h44.688zm0 0"
/>
</svg>
More icons in the same style and category