Add icons to this collection by clicking the heart icon.
Css icon - also known as interface, document, archive, file format, programming language, css, css file, and files and folders. Created in a clean lineal color 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M0 0h-341.685v496.996h295.091L0 450.402Z"
transform="matrix(1.33333 0 0 -1.33333 569.124 672.664)"
fill="#e9f1ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-46.594h46.594Z"
transform="matrix(1.33333 0 0 -1.33333 506.999 10.003)"
fill="#d7e4f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h46.593v-.001c-.002-17.155-13.911-31.061-31.067-31.061H0Z"
transform="translate(426.843 69.627)"
fill="#d0004f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M85.158 7.502h30v496.996h-30z"
fill="#d7e4f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-62.13h-341.68V0"
transform="translate(426.84 69.63)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v76.81"
transform="translate(426.84 224.94)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h107.91l46.59-46.6v-123.47"
transform="translate(272.34 504.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v279.56h154.5"
transform="translate(85.16 224.94)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-403.801c-17.16 0-31.07 13.91-31.07 31.069v124.242h403.802C-13.91 155.311 0 141.4 0 124.241Z"
transform="translate(473.435 69.627)"
fill="#ff405c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v124.241h-46.593V0c0-17.159 13.91-31.069 31.07-31.069H31.07C13.911-31.069 0-17.159 0 0"
transform="translate(85.158 100.696)"
fill="#d0004f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h164.311v124.24c0 17.16-13.911 31.071-31.071 31.071h-403.81V31.07C-270.57 13.91-256.66 0-239.5 0h206.82"
transform="translate(309.13 69.63)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h124.249"
transform="translate(131.751 442.373)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h248.498"
transform="translate(131.751 411.312)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h248.498"
transform="translate(131.751 349.187)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h248.498"
transform="translate(131.751 287.063)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h248.498"
transform="translate(131.751 380.249)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h248.498"
transform="translate(131.751 318.124)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-46.594v46.594"
transform="translate(426.843 457.904)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-46.593c-.005 17.154 13.901 31.062 31.054 31.062H0Z"
transform="translate(85.158 224.938)"
fill="#d0004f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-46.593c-.005 17.154 13.901 31.062 31.054 31.062H0Z"
transform="translate(85.158 224.938)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h46.593v-.001c-.002-17.155-13.911-31.061-31.067-31.061H0Z"
transform="translate(426.843 69.627)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a46.375 46.375 0 0 1-26.051 7.957c-25.733 0-46.593-20.86-46.593-46.593 0-25.733 20.86-46.593 46.593-46.593 10.451 0 19.048 3.441 25.572 9.251a37.496 37.496 0 0 1 3.782 3.902"
transform="translate(199.835 185.918)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0s-16.722 14.056-36.44 8.115c-18.105-5.454-20.638-26.331-7.539-34.871 0 0 12.853-5.733 27.11-10.992 34.317-12.658 19.535-45.859-8.092-45.859-13.835 0-25.446 6.058-32.474 13.813"
transform="translate(289.981 184.296)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0s-16.722 14.056-36.44 8.115c-18.106-5.454-20.638-26.331-7.539-34.871 0 0 12.853-5.733 27.11-10.992 34.317-12.658 19.534-45.859-8.092-45.859-13.835 0-25.446 6.058-32.474 13.813"
transform="translate(381.73 184.296)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category