Add icons to this collection by clicking the heart icon.
Css icon - also known as computer, interface, web, website, multimedia, ui, web page, coding, html, and css. Created in a clean gradient style with a white 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="512pt"
height="512pt"
viewBox="0 0 512 512"
>
<linearGradient
id="b"
x1="74.981"
x2="437.019"
y1="74.981"
y2="437.019"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#40ad8b" />
<stop offset="1" stop-color="#005c3f" />
</linearGradient>
<linearGradient
id="c"
x1="344.953"
x2="390.57"
y1="133.404"
y2="179.021"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7b15c" />
<stop offset="1" stop-color="#e64c38" />
</linearGradient>
<linearGradient
id="d"
x1="255.43"
x2="339.821"
y1="122.57"
y2="206.962"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#989799" />
<stop offset="1" stop-color="#39373b" />
</linearGradient>
<linearGradient
id="e"
x1="135.115"
x2="242.315"
y1="96.911"
y2="204.111"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#989799" />
<stop offset="1" stop-color="#656365" />
</linearGradient>
<linearGradient
id="f"
x1="127.417"
x2="384.583"
y1="150.226"
y2="407.392"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e8e8e8" />
<stop offset="1" stop-color="#b4b3b5" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#39373b" />
<stop offset="1" stop-color="#101011" />
</linearGradient>
<linearGradient
id="g"
x1="295.132"
x2="373.676"
y1="239.536"
y2="318.08"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="138.324"
x2="216.868"
y1="239.536"
y2="318.08"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="216.727"
x2="295.273"
y1="239.536"
y2="318.081"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M512 256c0 141.387-114.613 256-256 256S0 397.387 0 256 114.613 0 256 0s256 114.613 256 256zm0 0"
/>
<path
fill="url(#c)"
d="m401.973 167.617-68.422 22.809L356.355 122h45.618zm0 0"
/>
<path fill="url(#d)" d="M256 122h100.355v68.426h-134.57zm0 0" />
<path fill="url(#e)" d="M256 122H110.027v45.617L256 190.426zm0 0" />
<path fill="url(#f)" d="M256 167.617H110.027V390h291.946V167.617zm0 0" />
<path fill="#fff" d="M256 184.723H127.133v188.172h257.734V184.723zm0 0" />
<path
fill="url(#g)"
d="M365.766 253.148v-8.55c0-17.293-14.07-31.364-31.364-31.364-17.293 0-31.359 14.07-31.359 31.364V256c0 17.293 14.066 31.363 31.36 31.363 7.863 0 14.257 6.395 14.257 14.254v11.403c0 7.863-6.394 14.257-14.258 14.257-7.859 0-14.254-6.394-14.254-14.257v-14.254h-17.105v14.254c0 17.293 14.07 31.363 31.363 31.363s31.36-14.07 31.36-31.363v-11.403c0-17.293-14.067-31.363-31.36-31.363-7.86 0-14.258-6.395-14.258-14.254v-11.402c0-7.864 6.399-14.258 14.258-14.258s14.254 6.394 14.254 14.258v8.55zm0 0"
/>
<path
fill="url(#h)"
d="M177.598 213.234c-17.293 0-31.364 14.07-31.364 31.364v68.425c0 17.293 14.07 31.36 31.364 31.36 17.293 0 31.359-14.067 31.359-31.36v-19.957h-17.105v19.957c0 7.86-6.395 14.254-14.254 14.254s-14.254-6.394-14.254-14.254v-68.425c0-7.864 6.394-14.258 14.254-14.258s14.254 6.394 14.254 14.258v8.55h17.105v-8.55c0-17.293-14.066-31.364-31.36-31.364zm0 0"
/>
<path
fill="url(#i)"
d="M256 213.234c-17.297 0-31.363 14.067-31.363 31.364V256c0 17.293 14.066 31.363 31.363 31.363 7.863 0 14.254 6.39 14.254 14.254v11.403c0 7.863-6.39 14.257-14.254 14.257s-14.254-6.394-14.254-14.257v-14.254h-17.105v14.254c0 17.296 14.066 31.363 31.359 31.363 17.297 0 31.363-14.067 31.363-31.363v-11.403c0-17.293-14.066-31.363-31.363-31.363-7.863 0-14.254-6.39-14.254-14.254v-11.402c0-7.864 6.39-14.258 14.254-14.258s14.258 6.394 14.258 14.258v8.55h17.105v-8.55c0-17.297-14.066-31.364-31.363-31.364zm0 0"
/>
</svg>
More icons in the same style and category