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 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>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v-311.5c0-6.63-5.37-12-12-12h-472.84c-6.63 0-12 5.37-12 12V0l29.348 19.705 423.651 9.475z"
transform="translate(504.42 388.57)"
fill="#f2fbff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-25c-6.63 0-12 5.37-12 12v311.5l13.825 19.704L-12 323.5V12C-12 5.37-6.63 0 0 0"
transform="translate(44.58 65.07)"
fill="#d8ecfe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-46.36h-496.84V0c0 6.62 5.37 12 12 12H-12C-5.37 12 0 6.62 0 0"
transform="translate(504.42 434.93)"
fill="#b3dafe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-6.63 0-12-5.38-12-12v-46.36h-25V-12c0 6.62 5.37 12 12 12z"
transform="translate(44.58 446.93)"
fill="#8ac9fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-12.42-10.068-22.488-22.488-22.488S-44.977-12.42-44.977 0s10.069 22.489 22.489 22.489S0 12.42 0 0"
transform="translate(278.488 114.407)"
fill="#b6c4cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-187.63c-3.31 0-6 2.69-6 6v56.87c0 3.31 2.69 6 6 6H0Z"
transform="translate(256 276.46)"
fill="#fd9aa0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-58.956a4 4 0 0 0-4 4v117.684a4 4 0 0 0 4 4H0a4 4 0 0 0 4-4V4a4 4 0 0 0-4-4"
transform="translate(125.328 108.306)"
fill="#b3dafe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-78.93c-3.32 0-6 2.68-6 6v53.24c0 3.31 2.68 6 6 6H0z"
transform="translate(256 168.75)"
fill="#c9f6b0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-25c-3.31 0-6 2.69-6 6v56.87c0 3.31 2.69 6 6 6H0c-3.31 0-6-2.69-6-6V6c0-3.31 2.69-6 6-6"
transform="translate(93.37 276.46)"
fill="#fd8087"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-25c-2.21 0-4 1.79-4 4v117.68c0 2.21 1.79 4 4 4H0c-2.21 0-4-1.79-4-4V4c0-2.21 1.79-4 4-4"
transform="translate(91.37 108.31)"
fill="#8ac9fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-25c-3.32 0-6 2.68-6 6v53.24c0 3.31 2.68 6 6 6H0c-3.32 0-6-2.69-6-6V6c0-3.32 2.68-6 6-6"
transform="translate(202.07 168.75)"
fill="#9be69d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v68.65c0 6.62 5.37 12 12 12h472.84c6.63 0 12-5.38 12-12v-303.02"
transform="translate(7.58 366.28)"
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 0v-19.84c0-6.63-5.37-12-12-12h-472.84c-6.63 0-12 5.37-12 12v254.21"
transform="translate(504.42 96.91)"
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-496.84"
transform="translate(504.42 388.568)"
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 0h262.87"
transform="translate(50.57 417.747)"
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 0h3.392"
transform="translate(458.038 417.747)"
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 0h3.392"
transform="translate(429.647 417.747)"
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 0h3.391"
transform="translate(401.256 417.747)"
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 0v251.67"
transform="translate(256 136.9)"
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 0v26.85"
transform="translate(256 65.07)"
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 0c0-12.42-10.068-22.488-22.488-22.488S-44.977-12.42-44.977 0s10.069 22.489 22.489 22.489S0 12.42 0 0Z"
transform="translate(278.488 114.407)"
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-187.63c-3.31 0-6 2.69-6 6v56.87c0 3.31 2.69 6 6 6H0"
transform="translate(256 276.46)"
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-58.956a4 4 0 0 0-4 4v117.684a4 4 0 0 0 4 4H0a4 4 0 0 0 4-4V4a4 4 0 0 0-4-4Z"
transform="translate(125.328 108.306)"
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-78.93c-3.32 0-6 2.68-6 6v53.24c0 3.31 2.68 6 6 6H0"
transform="translate(256 168.75)"
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 0h142.218"
transform="translate(307.408 345.33)"
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 0h66.305"
transform="translate(307.408 314.33)"
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 0h42.131"
transform="translate(407.495 314.33)"
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 0h36.081"
transform="translate(307.408 283.33)"
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 0h75.913"
transform="translate(373.713 283.33)"
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 0h64.108"
transform="translate(307.408 252.33)"
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.69"
transform="translate(402.935 252.33)"
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 0h33.152"
transform="translate(307.408 221.33)"
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 0h75.604"
transform="translate(374.022 221.33)"
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 0h79.044"
transform="translate(307.408 190.33)"
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 0h31.821"
transform="translate(417.805 190.33)"
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 0h63.108"
transform="translate(307.408 159.33)"
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 0h45.821"
transform="translate(403.805 159.33)"
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 0h87.044"
transform="translate(307.408 128.33)"
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 0h22.821"
transform="translate(426.805 128.33)"
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