Add icons to this collection by clicking the heart icon.
Source Code icon - also known as ui, web programming, web development, source code, 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="1.099"
x2="61.711"
y1=".523"
y2="62.264"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#2848ff" />
<stop offset="1" stop-color="#981bac" />
</linearGradient>
<linearGradient
id="b"
x1="1.808"
x2="62.42"
y1="-.173"
y2="61.568"
href="#a"
/>
<linearGradient
id="c"
x1="5.882"
x2="66.493"
y1="-4.172"
y2="57.569"
href="#a"
/>
<linearGradient
id="d"
x1="9.956"
x2="70.567"
y1="-8.171"
y2="53.57"
href="#a"
/>
<linearGradient
id="e"
x1="4.648"
x2="65.26"
y1="-2.961"
y2="58.78"
href="#a"
/>
<linearGradient
id="f"
x1="-2.452"
x2="58.159"
y1="4.01"
y2="65.751"
href="#a"
/>
<linearGradient
id="g"
x1="-7.473"
x2="53.139"
y1="8.938"
y2="70.679"
href="#a"
/>
<linearGradient
id="h"
x1="4.82"
x2="65.431"
y1="-3.129"
y2="58.612"
href="#a"
/>
<linearGradient
id="i"
x1="-2.756"
x2="57.856"
y1="4.308"
y2="66.049"
href="#a"
/>
<linearGradient
id="j"
x1="-10.791"
x2="49.821"
y1="12.195"
y2="73.937"
href="#a"
/>
<linearGradient
id="k"
x1="-.801"
x2="59.811"
y1="2.389"
y2="64.13"
href="#a"
/>
<linearGradient id="l" x1="-7.8" x2="52.812" y1="9.259" y2="71" href="#a" />
<linearGradient
id="m"
x1="-13.09"
x2="47.521"
y1="14.453"
y2="76.194"
href="#a"
/>
<linearGradient
id="n"
x1="-6.182"
x2="54.429"
y1="7.671"
y2="69.412"
href="#a"
/>
<linearGradient
id="o"
x1="-16.409"
x2="44.203"
y1="17.711"
y2="79.452"
href="#a"
/>
<linearGradient
id="p"
x1="10.232"
x2="70.844"
y1="-8.443"
y2="53.298"
href="#a"
/>
<linearGradient
id="q"
x1="1.885"
x2="62.496"
y1="-.248"
y2="61.493"
href="#a"
/>
<linearGradient
id="r"
x1="-3.128"
x2="57.484"
y1="4.673"
y2="66.414"
href="#a"
/>
<linearGradient
id="s"
x1="9.301"
x2="69.912"
y1="-7.529"
y2="54.212"
href="#a"
/>
<linearGradient
id="t"
x1=".776"
x2="61.388"
y1=".84"
y2="62.581"
href="#a"
/>
<linearGradient
id="u"
x1="-6.191"
x2="54.42"
y1="7.68"
y2="69.421"
href="#a"
/>
<path
fill="url(#a)"
d="M7.667 58h4v4h48.666V10h-4V6h-4V2H3.667v52h4zm50.666 2H13.667V24h44.666zm0-38H13.667V12h44.666zm-4-12H11.667v46h-2V8h44.666zM5.667 52V4h44.666v2H7.667v46z"
/>
<path
fill="url(#b)"
d="M18.667 20a3 3 0 1 0-3-3 3 3 0 0 0 3 3zm0-4a1 1 0 1 1-1 1 1 1 0 0 1 1-1z"
/>
<path
fill="url(#c)"
d="M26.667 20a3 3 0 1 0-3-3 3 3 0 0 0 3 3zm0-4a1 1 0 1 1-1 1 1 1 0 0 1 1-1z"
/>
<path
fill="url(#d)"
d="M34.667 20a3 3 0 1 0-3-3 3 3 0 0 0 3 3zm0-4a1 1 0 1 1-1 1 1 1 0 0 1 1-1z"
/>
<path fill="url(#e)" d="M37.908 38.238h16.335v2H37.908z" />
<path fill="url(#f)" d="M30.467 38.238h3.33v2h-3.33z" />
<path fill="url(#g)" d="M17.09 38.238h10.365v2H17.09z" />
<path fill="url(#h)" d="M49.612 43.856h4.631v2h-4.631z" />
<path fill="url(#i)" d="M28.467 43.856h17.168v2H28.467z" />
<path fill="url(#j)" d="M17.09 43.856h8.365v2H17.09z" />
<path fill="url(#k)" d="M38.568 49.475h15.675v2H38.568z" />
<path fill="url(#l)" d="M30.467 49.475h4.391v2h-4.391z" />
<path fill="url(#m)" d="M17.09 49.475h10.365v2H17.09z" />
<path fill="url(#n)" d="M28.467 55.094h25.776v2H28.467z" />
<path fill="url(#o)" d="M17.09 55.094h8.365v2H17.09z" />
<path fill="url(#p)" d="M37.773 27h16.47v2h-16.47z" />
<path fill="url(#q)" d="M25.467 27h8.298v2h-8.298z" />
<path fill="url(#r)" d="M17.09 27h5.365v2H17.09z" />
<path fill="url(#s)" d="M45.147 32.619h9.096v2h-9.096z" />
<path fill="url(#t)" d="M24.467 32.619h16.976v2H24.467z" />
<path fill="url(#u)" d="M17.09 32.619h4.365v2H17.09z" />
</svg>
More icons in the same style and category