Add icons to this collection by clicking the heart icon.
Css icon - also known as code, programming, coding, style, css, css coding, css file, 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="32"
x2="32"
y1="62.391"
y2="2.513"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="39" x2="39" y1="62.391" y2="2.513" href="#a" />
<linearGradient
id="c"
x1="24.5"
x2="24.5"
y1="62.391"
y2="2.513"
href="#a"
/>
<linearGradient
id="d"
x1="16.5"
x2="16.5"
y1="62.391"
y2="2.513"
href="#a"
/>
<linearGradient
id="e"
x1="20.5"
x2="20.5"
y1="62.391"
y2="2.513"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M61 52h-1V17a5 5 0 0 0-5-5h-3V5a3.009 3.009 0 0 0-3-3H15a3.009 3.009 0 0 0-3 3v7H9a5 5 0 0 0-5 5v35H3a1 1 0 0 0-1 1v4a5 5 0 0 0 5 5h50a5 5 0 0 0 5-5v-4a1 1 0 0 0-1-1zm-9-38h3a3.009 3.009 0 0 1 3 3v35h-2V17a1 1 0 0 0-1-1h-3zM14 5a1 1 0 0 1 1-1h34a1 1 0 0 1 1 1v3H14zm0 5h36v37a1 1 0 0 1-1 1H35v-5a1 1 0 0 0-1-1h-1v-1.25l13.27-3.79A1 1 0 0 0 47 36v-6a1 1 0 0 0-1-1h-3v-1a2.006 2.006 0 0 0-2-2H23a2.006 2.006 0 0 0-2 2v4a2.006 2.006 0 0 0 2 2v2.54A2.465 2.465 0 0 0 25.49 39 2.505 2.505 0 0 0 28 36.49V34h2v.5a2.5 2.5 0 0 0 5 0V34h6a2.006 2.006 0 0 0 2-2v-1h2v4.25l-13.27 3.79A1 1 0 0 0 31 40v2h-1a1 1 0 0 0-1 1v5H15a1 1 0 0 1-1-1zm15 19a3.009 3.009 0 0 0-3 3v4.49a.519.519 0 0 1-.54.51.453.453 0 0 1-.46-.46V34a2.006 2.006 0 0 0-2-2v-4h18v4h-6a2.006 2.006 0 0 0-2 2v.5a.5.5 0 0 1-1 0V32a3.009 3.009 0 0 0-3-3zm1 3h-2a1 1 0 0 1 2 0zm3 12v4h-2v-4zm-18 6h34a3.009 3.009 0 0 0 3-3V18h2v34H10V18h2v29a3.009 3.009 0 0 0 3 3zm22 4v1a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1v-1zM6 17a3.009 3.009 0 0 1 3-3h3v2H9a1 1 0 0 0-1 1v35H6zm54 40a3.009 3.009 0 0 1-3 3H7a3.009 3.009 0 0 1-3-3v-3h21v1a3.009 3.009 0 0 0 3 3h8a3.009 3.009 0 0 0 3-3v-1h21z"
/>
<path
fill="url(#a)"
d="M32 21a1 1 0 0 1-1-1 1 1 0 0 0-2 0 3 3 0 1 0 3-3 1 1 0 1 1 1-1 1 1 0 0 0 2 0 3 3 0 1 0-3 3 1 1 0 0 1 0 2z"
/>
<path
fill="url(#b)"
d="M39 21a1 1 0 0 1-1-1 1 1 0 0 0-2 0 3 3 0 1 0 3-3 1 1 0 1 1 1-1 1 1 0 0 0 2 0 3 3 0 1 0-3 3 1 1 0 0 1 0 2z"
/>
<path
fill="url(#c)"
d="M25 23a3.61 3.61 0 0 0 2.767-1.376 1 1 0 0 0-1.534-1.285A1.651 1.651 0 0 1 25 21c-1.084 0-2-1.374-2-3s.916-3 2-3a1.651 1.651 0 0 1 1.233.661 1 1 0 0 0 1.534-1.285A3.61 3.61 0 0 0 25 13c-2.206 0-4 2.243-4 5s1.794 5 4 5z"
/>
<path fill="url(#d)" d="M17 5h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#e)" d="M21 5h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#c)" d="M25 5h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#b)" d="M47 5H31a1 1 0 0 0 0 2h16a1 1 0 0 0 0-2z" />
</g>
</svg>
More icons in the same style and category