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 seo and web. Created in a clean lineal color style with a white, silver, gray, maroon, orange, and pink 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="512"
height="512"
viewBox="0 0 300 300"
>
<path
fill="#4c241d"
d="M52 88c-7.719 0-14-6.281-14-14s6.281-14 14-14 14 6.281 14 14-6.281 14-14 14zm0-20c-3.309 0-6 2.691-6 6s2.691 6 6 6 6-2.691 6-6-2.691-6-6-6z"
/>
<circle cx="128" cy="150" r="86" fill="#eaeaea" />
<path
fill="#fff"
d="M218 44H98a8 8 0 0 0-8 8v196a8 8 0 0 0 8 8h144a8 8 0 0 0 8-8V76z"
/>
<path
fill="#4c241d"
d="M242 260H98c-6.617 0-12-5.383-12-12V52c0-6.617 5.383-12 12-12h120a4 4 0 0 1 2.828 1.172l32 32A4.001 4.001 0 0 1 254 76v172c0 6.618-5.383 12-12 12zM98 48c-2.205 0-4 1.795-4 4v196c0 2.205 1.795 4 4 4h144c2.205 0 4-1.795 4-4V77.657L216.344 48z"
/>
<path fill="#efefd2" d="M218 76h32l-32-32z" />
<path
fill="#4c241d"
d="M250 80h-32a4 4 0 0 1-4-4V44a4 4 0 0 1 6.828-2.828l32 32A3.998 3.998 0 0 1 250 80zm-28-8h18.344L222 53.657z"
/>
<circle cx="74" cy="164" r="4" fill="#4c241d" />
<circle cx="62" cy="120" r="4" fill="#4c241d" />
<path fill="#a9ba5a" d="M130 100h32v12h-32z" />
<path
fill="#4c241d"
d="M162 116h-32a4 4 0 0 1-4-4v-12a4 4 0 0 1 4-4h32a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4zm-28-8h24v-4h-24z"
/>
<path fill="#fc8c29" d="M130 124h80v12h-80z" />
<path
fill="#4c241d"
d="M210 140h-80a4 4 0 0 1-4-4v-12a4 4 0 0 1 4-4h80a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4zm-76-8h72v-4h-72z"
/>
<path fill="#e66353" d="M174 100h36v12h-36z" />
<path
fill="#4c241d"
d="M210 116h-36a4 4 0 0 1-4-4v-12a4 4 0 0 1 4-4h36a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4zm-32-8h28v-4h-28z"
/>
<path fill="#9dc1e4" d="M158 148h52v12h-52z" />
<path
fill="#4c241d"
d="M210 164h-52a4 4 0 0 1-4-4v-12a4 4 0 0 1 4-4h52a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4zm-48-8h44v-4h-44z"
/>
<path fill="#b5a19c" d="M130 148h16v12h-16z" />
<path
fill="#4c241d"
d="M146 164h-16a4 4 0 0 1-4-4v-12a4 4 0 0 1 4-4h16a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4zm-12-8h8v-4h-8z"
/>
<path fill="#e66353" d="M130 184h128v48H130z" />
<path
fill="#4c241d"
d="M258 236H130a4 4 0 0 1-4-4v-48a4 4 0 0 1 4-4h128a4 4 0 0 1 4 4v48a4 4 0 0 1-4 4zm-124-8h120v-40H134z"
/>
<g fill="#4c241d">
<path
d="M198 224h-12a4 4 0 0 1 0-8h8v-4h-8a4 4 0 0 1-4-4v-12a4 4 0 0 1 4-4h12a4 4 0 0 1 0 8h-8v4h8a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4zM222 224h-12a4 4 0 0 1 0-8h8v-4h-8a4 4 0 0 1-4-4v-12a4 4 0 0 1 4-4h12a4 4 0 0 1 0 8h-8v4h8a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4zM174 224h-12a4 4 0 0 1-4-4v-24a4 4 0 0 1 4-4h12a4 4 0 0 1 0 8h-8v16h8a4 4 0 0 1 0 8z"
/>
</g>
</svg>
More icons in the same style and category