Add icons to this collection by clicking the heart icon.
Css icon - also known as file, document, format, extension, ui, css, 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="512"
height="512"
viewBox="0 0 3873 3873"
>
<style>
.st1 {
fill: url(#SVGID_00000033364895434446151880000012847433852785348003_);
}
.st2 {
fill: url(#SVGID_00000000907575759220352200000005875949224276405406_);
}
.st3 {
fill: url(#SVGID_00000119114597877480309640000012730850490213781663_);
}
.st4 {
fill: url(#SVGID_00000146494518452529523830000002068218715336722866_);
}
.st5 {
fill: url(#SVGID_00000056425272518275328680000000834142996608421269_);
}
.st6 {
fill: url(#SVGID_00000130624499623997610660000009982737051734150810_);
}
</style>
<linearGradient
id="SVGID_1_"
x1="1538.5"
x2="2334.4"
y1="2169.95"
y2="2965.85"
gradientTransform="matrix(1 0 0 -1 0 3874)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ee0979" />
<stop offset="1" stop-color="#ff6a00" />
</linearGradient>
<path
d="M1226.1 1366.6h1420.7c33.4 0 60.5-27.1 60.5-60.5s-27.1-60.5-60.5-60.5H1226.1c-33.4 0-60.5 27.1-60.5 60.5s27.1 60.5 60.5 60.5z"
fill="url(#SVGID_1_)"
/>
<linearGradient
id="SVGID_00000111909574214710194120000009212209920200175540_"
x1="1538.5"
x2="2334.4"
y1="1778.65"
y2="2574.55"
gradientTransform="matrix(1 0 0 -1 0 3874)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ee0979" />
<stop offset="1" stop-color="#ff6a00" />
</linearGradient>
<path
d="M1226.1 1757.9h1420.7c33.4 0 60.5-27.1 60.5-60.5s-27.1-60.5-60.5-60.5H1226.1c-33.4 0-60.5 27.1-60.5 60.5s27.1 60.5 60.5 60.5z"
fill="url(#SVGID_00000111909574214710194120000009212209920200175540_)"
/>
<linearGradient
id="SVGID_00000156558172168729791870000016201730213236368024_"
x1="1538.5"
x2="2334.4"
y1="1387.35"
y2="2183.25"
gradientTransform="matrix(1 0 0 -1 0 3874)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ee0979" />
<stop offset="1" stop-color="#ff6a00" />
</linearGradient>
<path
d="M1226.1 2149.2h1420.7c33.4 0 60.5-27.1 60.5-60.5s-27.1-60.5-60.5-60.5H1226.1c-33.4 0-60.5 27.1-60.5 60.5s27.1 60.5 60.5 60.5z"
fill="url(#SVGID_00000156558172168729791870000016201730213236368024_)"
/>
<linearGradient
id="SVGID_00000026847003558652552510000002882061911058272690_"
x1="1953.649"
x2="2437.548"
y1="754.701"
y2="1238.601"
gradientTransform="matrix(1 0 0 -1 0 3874)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ee0979" />
<stop offset="1" stop-color="#ff6a00" />
</linearGradient>
<path
d="M2221 3065.5h-175.1c-33.4 0-60.5 27.1-60.5 60.5s27.1 60.5 60.5 60.5H2221c101.9 0 184.9-82.7 184.9-184.9 0-102-82.9-185-184.8-185h-50.9c-35.2 0-63.9-28.6-63.9-63.7s28.7-63.7 63.9-63.7h175.1c33.4 0 60.5-27.1 60.5-60.5s-27.1-60.5-60.5-60.5h-175.1c-102 0-185 82.9-185 184.8s83 184.8 185 184.8h50.9c56.4 0 85.1 68.8 44.9 109-12 12-28 18.7-45 18.7z"
fill="url(#SVGID_00000026847003558652552510000002882061911058272690_)"
/>
<linearGradient
id="SVGID_00000020393922536273630240000009089538631612524696_"
x1="1398.606"
x2="1860.369"
y1="765.819"
y2="1227.581"
gradientTransform="matrix(1 0 0 -1 0 3874)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ee0979" />
<stop offset="1" stop-color="#ff6a00" />
</linearGradient>
<path
d="M1604.8 3186.5H1757c33.4 0 60.5-27.1 60.5-60.5s-27.1-60.5-60.5-60.5h-152.2c-103.8 0-188.2-84.4-188.2-188.2s84.4-188.2 188.2-188.2H1757c33.4 0 60.5-27.1 60.5-60.5s-27.1-60.5-60.5-60.5h-152.2c-170.5 0-309.2 138.7-309.2 309.2s138.7 309.2 309.2 309.2z"
fill="url(#SVGID_00000020393922536273630240000009089538631612524696_)"
/>
<linearGradient
id="SVGID_00000053513445779641648660000004513434879645160626_"
x1="2517.661"
x2="3001.561"
y1="754.689"
y2="1238.589"
gradientTransform="matrix(1 0 0 -1 0 3874)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ee0979" />
<stop offset="1" stop-color="#ff6a00" />
</linearGradient>
<path
d="M2785 3065.5h-175.1c-33.4 0-60.5 27.1-60.5 60.5s27.1 60.5 60.5 60.5H2785c101.9 0 184.9-82.7 184.9-184.9 0-102-82.9-185-184.8-185h-50.9c-35.2 0-63.9-28.6-63.9-63.7s28.7-63.7 63.9-63.7h175.1c33.4 0 60.5-27.1 60.5-60.5s-27.1-60.5-60.5-60.5h-175.1c-102 0-184.9 82.9-184.9 184.8s83 184.8 184.9 184.8h50.9c56.4 0 85.1 68.8 44.9 109-12 12-28 18.7-45 18.7z"
fill="url(#SVGID_00000053513445779641648660000004513434879645160626_)"
/>
<linearGradient
id="SVGID_00000018929331406276982730000000837271478188768702_"
x1="633.915"
x2="3631.008"
y1="242.927"
y2="3240.021"
gradientTransform="matrix(1 0 0 -1 0 3874)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ee0979" />
<stop offset="1" stop-color="#ff6a00" />
</linearGradient>
<path
d="M3146 174c-1753.6 0-1637.3-.8-1647.9 1.6-5.1 1.2-10.1 2.9-14.7 5.5-16.8 6.7-32.9 32.6-799.2 795.4-13.7 16.4-15.8 21-17.7 43v2619.1c0 33.4 27.1 60.5 60.5 60.5h2419c33.4 0 60.5-27.1 60.5-60.5v-3404c0-33.5-27.1-60.6-60.5-60.6zm-60.5 3095.7H1180v-784.8h1905.4v784.8h.1zM1451.3 380.6v489.2c0 49.1-39.9 89-89 89H873.1l578.2-578.2zM787.5 3578V1079.9h574.8c115.8 0 210-94.2 210-210V295h1513.2v2068.9h-1966c-33.4 0-60.5 27.1-60.5 60.5v905.8c0 33.4 27.1 60.5 60.5 60.5h1966V3578h-2298z"
fill="url(#SVGID_00000018929331406276982730000000837271478188768702_)"
/>
</svg>
More icons in the same style and category