Add icons to this collection by clicking the heart icon.
Css icon - also known as code, web development, website design, metadata, css, and seo and web. Created in a clean rounded shapes 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 110 110"
>
<g>
<circle cx="55" cy="59" r="50" fill="#e7efff" />
<circle cx="8" cy="4" r="3" fill="#00c99f" />
<circle cx="106" cy="19" r="3" fill="#ffa100" />
<circle cx="103" cy="107" r="3" fill="#00c99f" />
<circle cx="4" cy="99" r="3" fill="#ff4d69" />
<path fill="#4e6aff" d="M30 7h59a4 4 0 0 1 4 4v6H30V7z" />
<path
fill="#8fa2ff"
d="M21 7h15a6 6 0 0 1 6 6v4H17v-6a4 4 0 0 1 4-4z"
/>
<path fill="#a5bced" d="M93 17v60a4 4 0 0 1-4 4H21a4 4 0 0 1-4-4V17z" />
<path
fill="#e7efff"
d="M65 53v23a3 3 0 0 1-6 0v-6a3 3 0 0 0-6 0v3a3 3 0 0 1-6 0v-3a3 3 0 0 0-6 0v1a3 3 0 0 1-6 0V53z"
/>
<circle cx="88" cy="12" r="1" fill="#fff" />
<circle cx="82" cy="12" r="1" fill="#fff" />
<circle cx="76" cy="12" r="1" fill="#fff" />
<circle cx="37" cy="12" r="1" fill="#fff" />
<path
fill="#7f96d1"
d="M55 96a2 2 0 0 1-2-2v-9a5 5 0 0 1 3-4.6l24.39-10.46A1 1 0 0 0 81 69v-9a1 1 0 0 0-1-1H30a2 2 0 0 1 0-4h50a5 5 0 0 1 5 5v9a5 5 0 0 1-3 4.6L57.61 84.06A1 1 0 0 0 57 85v9a2 2 0 0 1-2 2z"
/>
<rect width="46" height="16" x="32" y="49" fill="#4e6aff" rx="4" />
<rect width="14" height="6" x="48" y="91" fill="#4e6aff" rx="1" />
<path fill="#323fd4" d="M60 97v11.75a50.62 50.62 0 0 1-10 0V97z" />
<path
fill="#4e6aff"
d="M26 32h-2a3 3 0 0 1-3-3v-4a3 3 0 0 1 3-3h2a1 1 0 0 1 0 2h-2a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h2a1 1 0 0 1 0 2zM32 32h-2a1 1 0 0 1 0-2h2a1 1 0 0 0 0-2 3 3 0 0 1 0-6h2a1 1 0 0 1 0 2h-2a1 1 0 0 0 0 2 3 3 0 0 1 0 6zM40 32h-2a1 1 0 0 1 0-2h2a1 1 0 0 0 0-2 3 3 0 0 1 0-6h2a1 1 0 0 1 0 2h-2a1 1 0 0 0 0 2 3 3 0 0 1 0 6z"
/>
<g fill="#e7efff">
<path
d="M52 30h-1a1 1 0 0 1-1-1 3 3 0 0 0-.78-2 3 3 0 0 0 .78-2 1 1 0 0 1 1-1h1a1 1 0 0 0 0-2h-1a3 3 0 0 0-3 3 1 1 0 0 1-1 1 1 1 0 0 0 0 2 1 1 0 0 1 1 1 3 3 0 0 0 3 3h1a1 1 0 0 0 0-2zM63 26a1 1 0 0 1-1-1 3 3 0 0 0-3-3h-1a1 1 0 0 0 0 2h1a1 1 0 0 1 1 1 3 3 0 0 0 .78 2 3 3 0 0 0-.78 2 1 1 0 0 1-1 1h-1a1 1 0 0 0 0 2h1a3 3 0 0 0 3-3 1 1 0 0 1 1-1 1 1 0 0 0 0-2z"
/>
<path
d="M53 28a1 1 0 1 1 1-1 1 1 0 0 1-1 1zM57 28a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
</g>
<path
fill="#fff"
d="M82 37H22a1 1 0 0 1 0-2h60a1 1 0 0 1 0 2zM82 42H22a1 1 0 0 1 0-2h60a1 1 0 0 1 0 2zM82 47H22a1 1 0 0 1 0-2h60a1 1 0 0 1 0 2z"
/>
</g>
</svg>
More icons in the same style and category