Add icons to this collection by clicking the heart icon.
Css icon - also known as interface, css, css file, css format, css file format, css symbol, and files and folders. 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="640"
height="640"
viewBox="-63 0 479 480"
>
<linearGradient id="a">
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".35" stop-color="#ed683c" />
<stop offset=".7" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<linearGradient
id="b"
x1="176.5"
x2="176.5"
y1="497.632"
y2="-18.776"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="72.5"
x2="72.5"
y1="497.632"
y2="-18.776"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="200.5"
x2="200.5"
y1="497.632"
y2="-18.776"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="104.5"
x2="104.5"
y1="497.632"
y2="-18.776"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="136.5"
x2="136.5"
y1="497.632"
y2="-18.776"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="168.5"
x2="168.5"
y1="497.632"
y2="-18.776"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="96.5"
x2="96.5"
y1="497.632"
y2="-18.776"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="256.5"
x2="256.5"
y1="497.632"
y2="-18.776"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="240.5"
x2="240.5"
y1="497.632"
y2="-18.776"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="184.5"
x2="184.5"
y1="497.632"
y2="-18.776"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="248.5"
x2="248.5"
y1="497.632"
y2="-18.776"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="296.5"
x2="296.5"
y1="497.632"
y2="-18.776"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="272.5"
x2="272.5"
y1="497.632"
y2="-18.776"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="56.5"
x2="56.5"
y1="497.632"
y2="-18.776"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="120.5"
x2="120.5"
y1="497.632"
y2="-18.776"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M328.5 0h-304C11.246 0 .5 10.746.5 24v432c0 13.254 10.746 24 24 24h304c13.254 0 24-10.746 24-24V24c0-13.254-10.746-24-24-24zm-72 16h32v48l-9.602-12.8c-1.574-1.915-3.921-3.02-6.398-3.02s-4.824 1.105-6.398 3.02L256.5 64zm80 440a8 8 0 0 1-8 8h-304a8 8 0 0 1-8-8V24a8 8 0 0 1 8-8h216v72a8 8 0 0 0 14.398 4.8L272.5 69.337 290.102 92.8A7.998 7.998 0 0 0 296.5 96c.86-.004 1.71-.14 2.527-.406A8.003 8.003 0 0 0 304.5 88V16h24a8 8 0 0 1 8 8zm0 0"
/>
<path
fill="url(#c)"
d="M64.5 115.313V120c0 13.254 10.746 24 24 24h8v-16h-8a8 8 0 0 1-8-8v-8a8.001 8.001 0 0 0-2.344-5.656L67.812 96l10.344-10.344A8.001 8.001 0 0 0 80.5 80v-8a8 8 0 0 1 8-8h8V48h-8c-13.254 0-24 10.746-24 24v4.688L50.844 90.344a8.004 8.004 0 0 0 0 11.312zm0 0"
/>
<path
fill="url(#d)"
d="M192.5 72v8c0 2.121.844 4.156 2.344 5.656L205.188 96l-10.344 10.344A8.001 8.001 0 0 0 192.5 112v8a8 8 0 0 1-8 8h-8v16h8c13.254 0 24-10.746 24-24v-4.688l13.656-13.656a8.004 8.004 0 0 0 0-11.312L208.5 76.688V72c0-13.254-10.746-24-24-24h-8v16h8a8 8 0 0 1 8 8zm0 0"
/>
<path fill="url(#e)" d="M96.5 88h16v16h-16zm0 0" />
<path fill="url(#f)" d="M128.5 88h16v16h-16zm0 0" />
<path fill="url(#g)" d="M160.5 88h16v16h-16zm0 0" />
<path fill="url(#h)" d="M48.5 176h96v16h-96zm0 0" />
<path fill="url(#b)" d="M160.5 176h32v16h-32zm0 0" />
<path fill="url(#i)" d="M208.5 176h96v16h-96zm0 0" />
<path fill="url(#c)" d="M48.5 208h48v16h-48zm0 0" />
<path fill="url(#f)" d="M112.5 208h48v16h-48zm0 0" />
<path fill="url(#j)" d="M176.5 208h128v16h-128zm0 0" />
<path fill="url(#h)" d="M48.5 240h96v16h-96zm0 0" />
<path fill="url(#k)" d="M160.5 240h48v16h-48zm0 0" />
<path fill="url(#l)" d="M224.5 240h48v16h-48zm0 0" />
<path fill="url(#m)" d="M288.5 240h16v16h-16zm0 0" />
<path fill="url(#b)" d="M48.5 272h256v16h-256zm0 0" />
<path fill="url(#c)" d="M48.5 304h48v16h-48zm0 0" />
<path fill="url(#g)" d="M112.5 304h112v16h-112zm0 0" />
<path fill="url(#n)" d="M240.5 304h64v16h-64zm0 0" />
<path fill="url(#o)" d="M48.5 336h16v16h-16zm0 0" />
<path fill="url(#p)" d="M80.5 336h80v16h-80zm0 0" />
<path fill="url(#j)" d="M176.5 336h128v16h-128zm0 0" />
<path fill="url(#f)" d="M48.5 368h176v16h-176zm0 0" />
<path fill="url(#n)" d="M240.5 368h64v16h-64zm0 0" />
<path fill="url(#b)" d="M48.5 400h256v16h-256zm0 0" />
</svg>
More icons in the same style and category