Add icons to this collection by clicking the heart icon.
Css icon - also known as interface, files, css, css file, css format, css file format, css symbol, and files and folders. Created in a clean filled style with a white and black finish, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="b" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="c" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="d" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<mask id="a">
<rect width="100%" height="100%" fill="#fff" />
<path
d="M0 0h-536.034"
transform="matrix(1.33333 0 0 -1.33333 -6.642 450.66)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-261.164c-16.568 0-30-13.432-30-30v-482c0-16.568 13.432-30 30-30H83.605c16.569 0 30 13.432 30 30v398.382z"
transform="matrix(1.33333 0 0 -1.33333 459.706 -20)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-261.164c-16.568 0-30-13.432-30-30v-482c0-16.568 13.432-30 30-30H83.605c16.569 0 30 13.432 30 30v398.382z"
transform="matrix(1.33333 0 0 -1.33333 459.706 -20)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0Z"
transform="matrix(1.33333 0 0 -1.33333 421.384 406.95)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v0"
transform="matrix(1.33333 0 0 -1.33333 421.384 406.95)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0Z"
transform="matrix(1.33333 0 0 -1.33333 341.333 406.95)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v0"
transform="matrix(1.33333 0 0 -1.33333 341.333 406.95)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0Z"
transform="matrix(1.33333 0 0 -1.33333 261.283 406.95)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v0"
transform="matrix(1.33333 0 0 -1.33333 261.283 406.95)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h113.605L0 113.605Z"
transform="matrix(1.33333 0 0 -1.33333 459.706 131.473)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h113.605L0 113.605Z"
transform="matrix(1.33333 0 0 -1.33333 459.706 131.473)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h6.895c12.786 0 24.524 7.308 29.938 18.891 6.893 14.744 10.609 30.859 12.605 47.318 6.499 5.055 15.899 12.665 19.138 15.214-6.14 5.727-14.805 9.338-19.86 16.559-1.494 15.939-4.706 32.222-11.564 47.052C31.774 156.667 19.994 164 7.178 164H0"
transform="matrix(1.33333 0 0 -1.33333 417.478 518.204)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-6.895c-12.786 0-24.524 7.308-29.938 18.891-6.893 14.744-10.609 30.859-12.605 47.318-6.499 5.055-15.899 12.665-19.138 15.214 6.14 5.727 14.805 9.338 19.86 16.559 1.494 15.939 4.706 32.222 11.564 47.052C-31.774 156.667-19.994 164-7.178 164H0"
transform="matrix(1.33333 0 0 -1.33333 265.189 518.204)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h542.037"
transform="matrix(1.33333 0 0 -1.33333 689.309 182.291)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</mask>
<g mask="url(#a)">
<g
clip-path="url(#b)"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
>
<path
d="M0 0h-536.034"
transform="translate(-4.981 174.005)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g
clip-path="url(#c)"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
>
<path
d="M0 0h-261.164c-16.568 0-30-13.432-30-30v-482c0-16.568 13.432-30 30-30H83.605c16.569 0 30 13.432 30 30v398.382z"
transform="translate(344.78 527)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-261.164c-16.568 0-30-13.432-30-30v-482c0-16.568 13.432-30 30-30H83.605c16.569 0 30 13.432 30 30v398.382z"
transform="translate(344.78 527)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0Z"
transform="translate(316.038 206.788)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v0"
transform="translate(316.038 206.788)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0Z"
transform="translate(256 206.788)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v0"
transform="translate(256 206.788)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0Z"
transform="translate(195.962 206.788)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v0"
transform="translate(195.962 206.788)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h113.605L0 113.605Z"
transform="translate(344.78 413.395)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h113.605L0 113.605Z"
transform="translate(344.78 413.395)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h6.895c12.786 0 24.524 7.308 29.938 18.891 6.893 14.744 10.609 30.859 12.605 47.318 6.499 5.055 15.899 12.665 19.138 15.214-6.14 5.727-14.805 9.338-19.86 16.559-1.494 15.939-4.706 32.222-11.564 47.052C31.774 156.667 19.994 164 7.178 164H0"
transform="translate(313.108 123.347)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-6.895c-12.786 0-24.524 7.308-29.938 18.891-6.893 14.744-10.609 30.859-12.605 47.318-6.499 5.055-15.899 12.665-19.138 15.214 6.14 5.727 14.805 9.338 19.86 16.559 1.494 15.939 4.706 32.222 11.564 47.052C-31.774 156.667-19.994 164-7.178 164H0"
transform="translate(198.892 123.347)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g
clip-path="url(#d)"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
>
<path
d="M0 0h542.037"
transform="translate(516.981 375.282)"
fill="none"
stroke="#fff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</g>
</svg>
More icons in the same style and category