Add icons to this collection by clicking the heart icon.
Code icon - also known as smartphone, mobile phone, code, cellphone, browser, programming, electronics, coding, computing, and seo and web. 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="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="39.946"
x2="38.256"
y1="66.047"
y2="5.23"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient
id="b"
x1="33.909"
x2="32.219"
y1="66.215"
y2="5.398"
href="#a"
/>
<linearGradient
id="c"
x1="45.816"
x2="44.127"
y1="65.884"
y2="5.067"
href="#a"
/>
<linearGradient
id="d"
x1="39.862"
x2="38.173"
y1="66.049"
y2="5.233"
href="#a"
/>
<linearGradient
id="e"
x1="20.655"
x2="18.966"
y1="66.583"
y2="5.766"
href="#a"
/>
<linearGradient
id="f"
x1="24.652"
x2="22.963"
y1="66.472"
y2="5.655"
href="#a"
/>
<linearGradient
id="g"
x1="32.608"
x2="30.918"
y1="66.251"
y2="5.434"
href="#a"
/>
<linearGradient
id="h"
x1="40.445"
x2="38.756"
y1="66.033"
y2="5.216"
href="#a"
/>
<linearGradient
id="i"
x1="49.371"
x2="47.682"
y1="65.785"
y2="4.968"
gradientTransform="rotate(60 48.004 16.415)"
href="#a"
/>
<linearGradient
id="j"
x1="55.772"
x2="54.083"
y1="65.608"
y2="4.791"
gradientTransform="rotate(30 54.581 22.99)"
href="#a"
/>
<linearGradient
id="k"
x1="57.932"
x2="56.243"
y1="65.548"
y2="4.731"
href="#a"
/>
<linearGradient
id="l"
x1="55.273"
x2="53.583"
y1="65.621"
y2="4.805"
gradientTransform="rotate(60 54.59 40.998)"
href="#a"
/>
<linearGradient
id="m"
x1="48.506"
x2="46.817"
y1="65.809"
y2="4.993"
gradientTransform="rotate(30 48.004 47.589)"
href="#a"
/>
<linearGradient
id="n"
x1="39.446"
x2="37.757"
y1="66.061"
y2="5.244"
href="#a"
/>
<linearGradient
id="o"
x1="30.52"
x2="28.831"
y1="66.309"
y2="5.492"
gradientTransform="rotate(60 30.002 47.595)"
href="#a"
/>
<linearGradient
id="p"
x1="24.119"
x2="22.43"
y1="66.487"
y2="5.67"
gradientTransform="rotate(30 23.411 40.99)"
href="#a"
/>
<linearGradient
id="q"
x1="21.96"
x2="20.27"
y1="66.547"
y2="5.73"
href="#a"
/>
<linearGradient
id="r"
x1="24.619"
x2="22.93"
y1="66.473"
y2="5.656"
gradientTransform="rotate(60 23.412 22.999)"
href="#a"
/>
<linearGradient
id="s"
x1="31.385"
x2="29.696"
y1="66.285"
y2="5.468"
gradientTransform="rotate(30 30.002 16.411)"
href="#a"
/>
<linearGradient
id="t"
x1="56.294"
x2="54.605"
y1="65.593"
y2="4.776"
href="#a"
/>
<linearGradient
id="u"
x1="56.128"
x2="54.438"
y1="65.598"
y2="4.781"
href="#a"
/>
<linearGradient
id="v"
x1="21.349"
x2="19.66"
y1="66.564"
y2="5.747"
href="#a"
/>
<linearGradient
id="w"
x1="32.146"
x2="30.457"
y1="66.264"
y2="5.447"
href="#a"
/>
<linearGradient
id="x"
x1="36.143"
x2="34.454"
y1="66.153"
y2="5.336"
href="#a"
/>
<path
fill="url(#a)"
d="M26 22v20a1 1 0 0 0 1 1h24a1 1 0 0 0 1-1V22a1 1 0 0 0-1-1H27a1 1 0 0 0-1 1zm24 19H28V29h22zM28 23h22v4H28z"
/>
<path
fill="url(#b)"
d="M34.4 38.8a1 1 0 1 0 1.2-1.6L32.667 35l2.933-2.2a1 1 0 1 0-1.2-1.6l-4 3a1 1 0 0 0 0 1.6z"
/>
<path
fill="url(#c)"
d="M42.2 38.6a1 1 0 0 0 1.4.2l4-3a1 1 0 0 0 0-1.6l-4-3a1 1 0 0 0-1.2 1.6l2.933 2.2-2.933 2.2a1 1 0 0 0-.2 1.4z"
/>
<path
fill="url(#d)"
d="M37.757 39.97A.976.976 0 0 0 38 40a1 1 0 0 0 .969-.757l2-8a1 1 0 0 0-1.94-.486l-2 8a1 1 0 0 0 .728 1.213z"
/>
<path fill="url(#e)" d="M18 6h2v2h-2z" />
<path fill="url(#f)" d="M22 6h2v2h-2z" />
<path
fill="url(#g)"
d="M62 32A23.026 23.026 0 0 0 40 9.025V7a5.006 5.006 0 0 0-5-5H7a5.006 5.006 0 0 0-5 5v50a5.006 5.006 0 0 0 5 5h28a5.006 5.006 0 0 0 5-5v-2.025A23.026 23.026 0 0 0 62 32zm-2 0a21 21 0 1 1-21-21 21.023 21.023 0 0 1 21 21zM35 9.355A22.982 22.982 0 0 0 24.707 50H8a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1 3 3 0 0 0 3 3h8a3 3 0 0 0 3-3 1 1 0 0 1 1-1h5a1 1 0 0 1 1 1zM4 7a3 3 0 0 1 3-3h28a3 3 0 0 1 3 3v2.025c-.335.015-.668.039-1 .067V8a3 3 0 0 0-3-3h-5a3 3 0 0 0-3 3 1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1 3 3 0 0 0-3-3H8a3 3 0 0 0-3 3v41a3 3 0 0 0 3 3h19.664a22.833 22.833 0 0 0 9.624 2.93A2.987 2.987 0 0 1 35 56H7a3 3 0 0 1-3-3zm31 53H7a3 3 0 0 1-3-3v-.026A4.948 4.948 0 0 0 7 58h28a4.987 4.987 0 0 0 3-1 3 3 0 0 1-3 3z"
/>
<path fill="url(#h)" d="M38 13h2v2h-2z" />
<path
fill="url(#i)"
d="M47 15.411h2v2h-2z"
transform="rotate(-60 48.005 16.412)"
/>
<path
fill="url(#j)"
d="M53.589 22h2v2h-2z"
transform="rotate(-30 54.576 23)"
/>
<path fill="url(#k)" d="M56 31h2v2h-2z" />
<path
fill="url(#l)"
d="M53.588 40h2v2h-2z"
transform="rotate(-60 54.587 41.002)"
/>
<path
fill="url(#m)"
d="M47 46.589h2v2h-2z"
transform="rotate(-30 48.001 47.592)"
/>
<path fill="url(#n)" d="M38 49h2v2h-2z" />
<path
fill="url(#o)"
d="M29 46.588h2v2h-2z"
transform="rotate(-60 30.004 47.593)"
/>
<path
fill="url(#p)"
d="M22.411 40h2v2h-2z"
transform="rotate(-30 23.404 40.994)"
/>
<path fill="url(#q)" d="M20 31h2v2h-2z" />
<path
fill="url(#r)"
d="M22.411 22h2v2h-2z"
transform="rotate(-60 23.41 23)"
/>
<path
fill="url(#s)"
d="M29 15.411h2v2h-2z"
transform="rotate(-30 30.001 16.412)"
/>
<path fill="url(#t)" d="M57 52h-2v2h-2v2h2v2h2v-2h2v-2h-2z" />
<path fill="url(#u)" d="M53 60h6v2h-6z" />
<path fill="url(#v)" d="M18 53h6v2h-6z" />
<path fill="url(#w)" d="M30 24h2v2h-2z" />
<path fill="url(#x)" d="M34 24h2v2h-2z" />
</svg>
More icons in the same style and category