Add icons to this collection by clicking the heart icon.
Code icon - also known as interface, signs, settings, seo, sign, symbol, code, browser, ui, metadata, coding, custom, codes, seo sem, 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="100"
height="100"
viewBox="0 0 480 480"
>
<linearGradient
id="a"
x1="-26.875"
x2="-26.875"
y1="558.345"
y2="615.358"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M472 0H8a8 8 0 0 0-8 8v464a8 8 0 0 0 8 8h464a8 8 0 0 0 8-8V8a8 8 0 0 0-8-8zM16 16h448v64H16V16zm448 448H16V96h448v368z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-8.875"
x2="-8.875"
y1="558.345"
y2="615.358"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<circle cx="384" cy="48" r="16" fill="url(#b)" />
<linearGradient
id="c"
x1="-2.875"
x2="-2.875"
y1="558.345"
y2="615.358"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<circle cx="432" cy="48" r="16" fill="url(#c)" />
<linearGradient
id="d"
x1="-14.875"
x2="-14.875"
y1="558.345"
y2="615.358"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<circle cx="336" cy="48" r="16" fill="url(#d)" />
<linearGradient
id="e"
x1="-10.245"
x2="-10.245"
y1="558.345"
y2="615.358"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M324.52 371.48a8 8 0 0 0 11.312 0l85.824-85.824a8 8 0 0 0 0-11.312l-85.824-85.824a8 8 0 0 0-11.312-.196 8 8 0 0 0 0 11.508L404.688 280l-80.168 80.168a8 8 0 0 0 0 11.312z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-43.505"
x2="-43.505"
y1="558.345"
y2="615.358"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M144.168 371.48a8 8 0 0 0 11.312.196 8 8 0 0 0 0-11.508L75.312 280l80.168-80.168a8 8 0 1 0-11.312-11.312l-85.824 85.824a8 8 0 0 0 0 11.312l85.824 85.824z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-25.875"
x2="-25.875"
y1="558.345"
y2="615.358"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M208.656 426.824a8 8 0 0 0 9.8-5.656L293 142.976a8.001 8.001 0 0 0-15.456-4.144L203 417.024a8 8 0 0 0 5.656 9.8z"
fill="url(#g)"
/>
</svg>
More icons in the same style and category