Add icons to this collection by clicking the heart icon.
Code icon - also known as computer, user, people, profile, security, code, avatar, coding, binary code, hacker, and hoodie. Created in a clean lineal 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="19.781"
x2="528.544"
y1="494.352"
y2="-14.411"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="42.715"
x2="551.478"
y1="517.285"
y2="8.522"
href="#a"
/>
<linearGradient
id="c"
x1="-147.285"
x2="361.478"
y1="327.285"
y2="-181.478"
href="#a"
/>
<linearGradient
id="d"
x1="-103.285"
x2="405.478"
y1="371.285"
y2="-137.478"
href="#a"
/>
<linearGradient
id="e"
x1="-87.285"
x2="421.478"
y1="387.285"
y2="-121.478"
href="#a"
/>
<linearGradient
id="f"
x1="-55.285"
x2="453.478"
y1="419.285"
y2="-89.478"
href="#a"
/>
<linearGradient
id="g"
x1="-71.285"
x2="437.478"
y1="403.285"
y2="-105.478"
href="#a"
/>
<linearGradient
id="h"
x1="-125.285"
x2="383.477"
y1="349.285"
y2="-159.478"
href="#a"
/>
<linearGradient
id="i"
x1="-195.285"
x2="313.478"
y1="279.285"
y2="-229.478"
href="#a"
/>
<linearGradient
id="j"
x1="-151.285"
x2="357.478"
y1="323.285"
y2="-185.478"
href="#a"
/>
<linearGradient
id="k"
x1="-173.285"
x2="335.478"
y1="301.285"
y2="-207.478"
href="#a"
/>
<linearGradient
id="l"
x1="-51.285"
x2="457.478"
y1="423.285"
y2="-85.478"
href="#a"
/>
<linearGradient
id="m"
x1="-7.285"
x2="501.478"
y1="467.285"
y2="-41.478"
href="#a"
/>
<linearGradient
id="n"
x1="-29.285"
x2="479.478"
y1="445.285"
y2="-63.478"
href="#a"
/>
<linearGradient
id="o"
x1="-93.285"
x2="415.478"
y1="381.285"
y2="-127.478"
href="#a"
/>
<linearGradient
id="p"
x1="-129.285"
x2="379.478"
y1="345.285"
y2="-163.478"
href="#a"
/>
<linearGradient
id="q"
x1="-101.285"
x2="407.478"
y1="373.285"
y2="-135.478"
href="#a"
/>
<linearGradient
id="r"
x1="-63.285"
x2="445.478"
y1="411.285"
y2="-97.478"
href="#a"
/>
<linearGradient
id="s"
x1="-19.285"
x2="489.478"
y1="455.285"
y2="-53.478"
href="#a"
/>
<linearGradient
id="t"
x1="40.715"
x2="549.478"
y1="515.285"
y2="6.522"
href="#a"
/>
<linearGradient
id="u"
x1="24.715"
x2="533.478"
y1="499.285"
y2="-9.478"
href="#a"
/>
<linearGradient
id="v"
x1="-41.285"
x2="467.478"
y1="433.285"
y2="-75.478"
href="#a"
/>
<linearGradient
id="w"
x1="2.715"
x2="511.478"
y1="477.285"
y2="-31.478"
href="#a"
/>
<linearGradient
id="x"
x1="-3.285"
x2="505.478"
y1="471.285"
y2="-37.478"
href="#a"
/>
<linearGradient
id="y"
x1="18.715"
x2="527.478"
y1="493.285"
y2="-15.478"
href="#a"
/>
<linearGradient
id="z"
x1="112.715"
x2="621.478"
y1="587.285"
y2="78.522"
href="#a"
/>
<linearGradient
id="A"
x1="62.715"
x2="571.478"
y1="537.285"
y2="28.522"
href="#a"
/>
<linearGradient
id="B"
x1="90.715"
x2="599.478"
y1="565.285"
y2="56.522"
href="#a"
/>
<linearGradient
id="C"
x1="128.715"
x2="637.478"
y1="603.285"
y2="94.522"
href="#a"
/>
<linearGradient
id="D"
x1="172.715"
x2="681.478"
y1="647.285"
y2="138.522"
href="#a"
/>
<linearGradient
id="E"
x1="232.715"
x2="741.478"
y1="707.285"
y2="198.522"
href="#a"
/>
<linearGradient
id="F"
x1="216.715"
x2="725.478"
y1="691.285"
y2="182.522"
href="#a"
/>
<linearGradient
id="G"
x1="150.715"
x2="659.478"
y1="625.285"
y2="116.522"
href="#a"
/>
<linearGradient
id="H"
x1="194.715"
x2="703.478"
y1="669.285"
y2="160.522"
href="#a"
/>
<linearGradient
id="I"
x1="44.715"
x2="553.478"
y1="519.285"
y2="10.522"
href="#a"
/>
<linearGradient
id="J"
x1="28.715"
x2="537.478"
y1="503.285"
y2="-5.478"
href="#a"
/>
<linearGradient
id="K"
x1="88.715"
x2="597.478"
y1="563.285"
y2="54.522"
href="#a"
/>
<linearGradient
id="L"
x1="136.715"
x2="645.478"
y1="611.285"
y2="102.522"
href="#a"
/>
<linearGradient
id="M"
x1="120.715"
x2="629.478"
y1="595.285"
y2="86.522"
href="#a"
/>
<linearGradient
id="N"
x1="66.715"
x2="575.478"
y1="541.285"
y2="32.522"
href="#a"
/>
<linearGradient
id="O"
x1="140.715"
x2="649.478"
y1="615.285"
y2="106.522"
href="#a"
/>
<linearGradient
id="P"
x1="184.715"
x2="693.478"
y1="659.285"
y2="150.522"
href="#a"
/>
<linearGradient
id="Q"
x1="162.715"
x2="671.478"
y1="637.285"
y2="128.522"
href="#a"
/>
<linearGradient
id="R"
x1="98.715"
x2="607.478"
y1="573.285"
y2="64.522"
href="#a"
/>
<path
fill="url(#a)"
d="M383.96 363.2 376 283.59a68.023 68.023 0 0 0-34.95-58.98 28.035 28.035 0 0 0 4.14-36.42l-49.58-72.46A47.932 47.932 0 0 0 264 95.52V32a8 8 0 0 0-8-8h-8a8 8 0 0 0 0 16v55.52a47.932 47.932 0 0 0-31.61 20.21l-49.58 72.46a28.035 28.035 0 0 0 4.14 36.42A68.023 68.023 0 0 0 136 283.59l-7.96 79.61a7.143 7.143 0 0 0-.04.8 28.031 28.031 0 0 0 28 28h200a28.031 28.031 0 0 0 28-28 7.143 7.143 0 0 0-.04-.8zm-50.78-163.72a11.974 11.974 0 0 1-11.1 16.52h-29.43a39.72 39.72 0 0 0 3.35-16v-11.77a217.735 217.735 0 0 1 37.03 11.2c.05.02.1.03.15.05zm-103.59-74.71a31.988 31.988 0 0 1 52.82 0l36 52.61a213.565 213.565 0 0 0-124.82 0zM280 185.58V200a24 24 0 0 1-48 0v-14.42a194.682 194.682 0 0 1 48 0zm-101.18 13.9c.05-.02.1-.03.15-.05a217.735 217.735 0 0 1 37.03-11.2V200a39.72 39.72 0 0 0 3.35 16h-29.43a11.974 11.974 0 0 1-11.1-16.52zM344 372a4 4 0 0 1-4 4H172a4 4 0 0 1-4-4v-12h176zm-152-28v-76a4 4 0 0 1 4-4h120a4 4 0 0 1 4 4v76zm167.69 31.41A20.112 20.112 0 0 0 360 372v-20a8 8 0 0 0-8-8h-16v-76a20.02 20.02 0 0 0-20-20H196a20.02 20.02 0 0 0-20 20v76h-16a8 8 0 0 0-8 8v20a20.112 20.112 0 0 0 .31 3.41 12.011 12.011 0 0 1-8.31-11.06l7.96-79.55a7.143 7.143 0 0 0 .04-.8 52.063 52.063 0 0 1 52-52h28.03a39.91 39.91 0 0 0 47.94 0H308a52.063 52.063 0 0 1 52 52 7.143 7.143 0 0 0 .04.8l7.96 79.55a12.011 12.011 0 0 1-8.31 11.06z"
/>
<path
fill="url(#b)"
d="M256 280a24 24 0 1 0 24 24 24.028 24.028 0 0 0-24-24zm0 32a8 8 0 1 1 8-8 8.009 8.009 0 0 1-8 8z"
/>
<path
fill="url(#c)"
d="M16 136v56a8 8 0 0 0 16 0v-64a8 8 0 0 0-8-8h-8a8 8 0 0 0 0 16z"
/>
<path
fill="url(#d)"
d="M112 120h-8a8 8 0 0 0 0 16v56a8 8 0 0 0 16 0v-64a8 8 0 0 0-8-8z"
/>
<path
fill="url(#e)"
d="M136 136v56a8 8 0 0 0 16 0v-64a8 8 0 0 0-8-8h-8a8 8 0 0 0 0 16z"
/>
<path
fill="url(#f)"
d="M112 216h-8a8 8 0 0 0 0 16v56a8 8 0 0 0 16 0v-64a8 8 0 0 0-8-8z"
/>
<path
fill="url(#g)"
d="M80 216h-8a8 8 0 0 0 0 16v56a8 8 0 0 0 16 0v-64a8 8 0 0 0-8-8z"
/>
<path
fill="url(#h)"
d="M80 120H48a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8v-64a8 8 0 0 0-8-8zm-8 64H56v-48h16z"
/>
<path
fill="url(#i)"
d="M16 40v56a8 8 0 0 0 16 0V32a8 8 0 0 0-8-8h-8a8 8 0 0 0 0 16z"
/>
<path
fill="url(#j)"
d="M112 24h-8a8 8 0 0 0 0 16v56a8 8 0 0 0 16 0V32a8 8 0 0 0-8-8z"
/>
<path
fill="url(#k)"
d="M80 24H48a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8V32a8 8 0 0 0-8-8zm-8 64H56V40h16z"
/>
<path
fill="url(#l)"
d="M24 312h-8a8 8 0 0 0 0 16v56a8 8 0 0 0 16 0v-64a8 8 0 0 0-8-8z"
/>
<path
fill="url(#m)"
d="M112 312h-8a8 8 0 0 0 0 16v56a8 8 0 0 0 16 0v-64a8 8 0 0 0-8-8z"
/>
<path
fill="url(#n)"
d="M80 312H48a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8v-64a8 8 0 0 0-8-8zm-8 64H56v-48h16z"
/>
<path
fill="url(#o)"
d="M16 296h32a8 8 0 0 0 8-8v-64a8 8 0 0 0-8-8H16a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8zm8-64h16v48H24z"
/>
<path
fill="url(#p)"
d="M136 104h32a8 8 0 0 0 8-8V32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8zm8-64h16v48h-16z"
/>
<path
fill="url(#q)"
d="M192 104h32a8 8 0 0 0 8-8V32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8zm8-64h16v48h-16z"
/>
<path
fill="url(#r)"
d="M280 40v56a8 8 0 0 0 16 0V32a8 8 0 0 0-8-8h-8a8 8 0 0 0 0 16z"
/>
<path
fill="url(#s)"
d="M376 24h-8a8 8 0 0 0 0 16v56a8 8 0 0 0 16 0V32a8 8 0 0 0-8-8z"
/>
<path
fill="url(#t)"
d="M496 24h-8a8 8 0 0 0 0 16v56a8 8 0 0 0 16 0V32a8 8 0 0 0-8-8z"
/>
<path
fill="url(#u)"
d="M464 24h-8a8 8 0 0 0 0 16v56a8 8 0 0 0 16 0V32a8 8 0 0 0-8-8z"
/>
<path
fill="url(#v)"
d="M312 104h32a8 8 0 0 0 8-8V32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8zm8-64h16v48h-16z"
/>
<path
fill="url(#w)"
d="M400 104h32a8 8 0 0 0 8-8V32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8zm8-64h16v48h-16z"
/>
<path
fill="url(#x)"
d="M24 408h-8a8 8 0 0 0 0 16v56a8 8 0 0 0 16 0v-64a8 8 0 0 0-8-8z"
/>
<path
fill="url(#t)"
d="M112 408h-8a8 8 0 0 0 0 16v56a8 8 0 0 0 16 0v-64a8 8 0 0 0-8-8z"
/>
<path
fill="url(#y)"
d="M80 408H48a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8v-64a8 8 0 0 0-8-8zm-8 64H56v-48h16z"
/>
<path
fill="url(#z)"
d="M256 408h-8a8 8 0 0 0 0 16v56a8 8 0 0 0 16 0v-64a8 8 0 0 0-8-8z"
/>
<path
fill="url(#A)"
d="M168 408h-32a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8v-64a8 8 0 0 0-8-8zm-8 64h-16v-48h16z"
/>
<path
fill="url(#B)"
d="M224 408h-32a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8v-64a8 8 0 0 0-8-8zm-8 64h-16v-48h16z"
/>
<path
fill="url(#C)"
d="M288 408h-8a8 8 0 0 0 0 16v56a8 8 0 0 0 16 0v-64a8 8 0 0 0-8-8z"
/>
<path
fill="url(#D)"
d="M376 408h-8a8 8 0 0 0 0 16v56a8 8 0 0 0 16 0v-64a8 8 0 0 0-8-8z"
/>
<path
fill="url(#E)"
d="M496 408h-8a8 8 0 0 0 0 16v56a8 8 0 0 0 16 0v-64a8 8 0 0 0-8-8z"
/>
<path
fill="url(#F)"
d="M464 408h-8a8 8 0 0 0 0 16v56a8 8 0 0 0 16 0v-64a8 8 0 0 0-8-8z"
/>
<path
fill="url(#G)"
d="M344 408h-32a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8v-64a8 8 0 0 0-8-8zm-8 64h-16v-48h16z"
/>
<path
fill="url(#H)"
d="M432 408h-32a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8v-64a8 8 0 0 0-8-8zm-8 64h-16v-48h16z"
/>
<path
fill="url(#I)"
d="M400 136v56a8 8 0 0 0 16 0v-64a8 8 0 0 0-8-8h-8a8 8 0 0 0 0 16z"
/>
<path
fill="url(#J)"
d="M376 120h-8a8 8 0 0 0 0 16v56a8 8 0 0 0 16 0v-64a8 8 0 0 0-8-8z"
/>
<path
fill="url(#K)"
d="M496 120h-8a8 8 0 0 0 0 16v56a8 8 0 0 0 16 0v-64a8 8 0 0 0-8-8z"
/>
<path
fill="url(#L)"
d="M496 216h-8a8 8 0 0 0 0 16v56a8 8 0 0 0 16 0v-64a8 8 0 0 0-8-8z"
/>
<path
fill="url(#M)"
d="M464 216h-8a8 8 0 0 0 0 16v56a8 8 0 0 0 16 0v-64a8 8 0 0 0-8-8z"
/>
<path
fill="url(#N)"
d="M464 120h-32a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8v-64a8 8 0 0 0-8-8zm-8 64h-16v-48h16z"
/>
<path
fill="url(#O)"
d="M400 328v56a8 8 0 0 0 16 0v-64a8 8 0 0 0-8-8h-8a8 8 0 0 0 0 16z"
/>
<path
fill="url(#P)"
d="M496 312h-8a8 8 0 0 0 0 16v56a8 8 0 0 0 16 0v-64a8 8 0 0 0-8-8z"
/>
<path
fill="url(#Q)"
d="M464 312h-32a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8v-64a8 8 0 0 0-8-8zm-8 64h-16v-48h16z"
/>
<path
fill="url(#R)"
d="M400 296h32a8 8 0 0 0 8-8v-64a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8zm8-64h16v48h-16z"
/>
</svg>
More icons in the same style and category