Add icons to this collection by clicking the heart icon.
Css icon - also known as web design, browser, web development, programming language, css, css coding, and seo and web. Created in a clean flat 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>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v-320.86c0-6.83-5.53-12.36-12.36-12.36h-236.02l-8.521 2.235-6.479-2.235h-224.46L-511.76 0l30.23 20.3 436.381 9.76z"
transform="translate(511.88 392.55)"
fill="#f2fbff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-67.348l-8.347 38.263 5.739 28.937H0Z"
transform="translate(256 166.128)"
fill="#c9f6b0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-176.913l-10.956 31.925 10.434 39.014H0z"
transform="translate(256 277.075)"
fill="#fd9aa0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-25.751c-6.829 0-12.36 5.531-12.36 12.36v320.86l14.24 20.296 11.511-20.296V12.36C-12.36 5.531-6.829 0 0 0"
transform="translate(38.227 59.334)"
fill="#d8ecfe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-25.751a6.186 6.186 0 0 0-6.181 6.18v58.579a6.186 6.186 0 0 0 6.181 6.18H0a6.185 6.185 0 0 1-6.18-6.18V6.18A6.185 6.185 0 0 1 0 0"
transform="translate(88.483 277.075)"
fill="#fd8087"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v268.232"
transform="translate(256.004 129.321)"
fill="none"
stroke="#c5d3dd"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-25.751a6.172 6.172 0 0 0-6.18 6.18v54.84c0 3.41 2.76 6.18 6.18 6.18H0a6.178 6.178 0 0 1-6.18-6.18V6.18A6.172 6.172 0 0 1 0 0"
transform="translate(200.45 166.128)"
fill="#9be69d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-47.753h-511.768l23.928 60.113h475.48C-5.531 12.36 0 6.819 0 0"
transform="translate(511.884 440.306)"
fill="#b3dafe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-32.66h-15V0c0 4.14 3.36 7.5 7.5 7.5C-3.36 7.5 0 4.14 0 0"
transform="translate(263.5 91.99)"
fill="#c5d3dd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-6.829 0-12.36-5.542-12.36-12.36v-47.753h-25.751v47.753C-38.111-5.542-32.58 0-25.751 0z"
transform="translate(38.227 452.666)"
fill="#8ac9fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-12.793-10.371-23.165-23.164-23.165-12.793 0-23.164 10.372-23.164 23.165s10.371 23.164 23.164 23.164C-10.371 23.164 0 12.793 0 0"
transform="translate(279.164 110.153)"
fill="#b6c4cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-45.707l-6 59.306 4.957 70.153H0a4.12 4.12 0 0 0 4.12-4.12V4.12A4.12 4.12 0 0 0 0 0"
transform="translate(121.402 103.868)"
fill="#b3dafe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-25.752a4.12 4.12 0 0 0-4.12 4.12v121.216a4.12 4.12 0 0 0 4.12 4.12H0a4.12 4.12 0 0 1-4.12-4.12V4.12A4.12 4.12 0 0 1 0 0"
transform="translate(86.424 103.873)"
fill="#8ac9fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h68.296"
transform="translate(308.953 316.083)"
fill="none"
stroke="#c5d3dd"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h43.396"
transform="translate(412.047 316.083)"
fill="none"
stroke="#c5d3dd"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h37.165"
transform="translate(308.953 284.152)"
fill="none"
stroke="#c5d3dd"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h78.194"
transform="translate(377.249 284.152)"
fill="none"
stroke="#c5d3dd"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h66.034"
transform="translate(308.953 252.22)"
fill="none"
stroke="#c5d3dd"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h48.093"
transform="translate(407.35 252.22)"
fill="none"
stroke="#c5d3dd"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h34.148"
transform="translate(308.953 220.289)"
fill="none"
stroke="#c5d3dd"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h77.875"
transform="translate(377.568 220.289)"
fill="none"
stroke="#c5d3dd"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h81.418"
transform="translate(308.953 188.357)"
fill="none"
stroke="#c5d3dd"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h32.776"
transform="translate(422.667 188.357)"
fill="none"
stroke="#c5d3dd"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h65.005"
transform="translate(308.953 156.426)"
fill="none"
stroke="#c5d3dd"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h47.197"
transform="translate(408.246 156.426)"
fill="none"
stroke="#c5d3dd"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h89.658"
transform="translate(308.953 124.495)"
fill="none"
stroke="#c5d3dd"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h23.507"
transform="translate(431.937 124.495)"
fill="none"
stroke="#c5d3dd"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h146.49"
transform="translate(308.953 348.015)"
fill="none"
stroke="#c5d3dd"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h270.768"
transform="translate(44.398 422.607)"
fill="none"
stroke="#c5d3dd"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h3.493"
transform="translate(464.108 422.607)"
fill="none"
stroke="#ffd3d6"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h3.493"
transform="translate(434.864 422.607)"
fill="none"
stroke="#f2fdec"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h3.493"
transform="translate(405.62 422.607)"
fill="none"
stroke="#d8ecfe"
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