Css icon
el:css
The Css icon (el:css) is a free SVG icon from the Elusive Icons set by Team Redux. It is drawn on a 1200 × 1200 grid. Elusive Icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Elusive Icons
- Author
- Team Redux
- License
- OFL-1.1
- Size
- 1200 × 1200
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M0 23.584v927.1l600 225.732l600-225.732v-927.1zm287.329 368.042c85.63 1.335 145.205 44.392 145.752 130.078H340.21c.063-22.869-9.76-44.64-30.322-53.32c-23.199-8.298-52.19-4.187-67.09 15.454c-15.955 23.851-13.11 50.549-13.11 78.662c-.879 37.461 18.296 69.844 56.323 70.093c38.528-1.939 56.835-20.738 57.202-55.444h89.868c-2.157 92.03-64.41 127.729-145.752 128.101c-102.733.624-156.271-71.726-157.104-156.885c-.605-102.699 72.001-155.903 157.104-156.739m324.976 0c61.678-.651 132.208 26.193 133.96 93.53v5.127h-91.187v-1.685c-.563-22.112-20.637-30.676-39.111-30.762c-13.39.343-39.815 3.222-40.21 19.775c3.371 26.164 68.358 30.933 88.55 35.889c46.904 9.965 88.957 36.56 90.308 85.986c-1.521 80.015-66.448 105.503-133.447 105.762c-79.6-.569-149.041-19.703-149.634-107.886h91.992c-.858 31.54 23.761 38.174 48.779 38.232c14.99-.002 42.551-.543 42.773-20.215c-3.029-24.25-70.219-30.547-89.429-35.449c-49.614-12.438-88.86-38.271-89.209-91.333c3.43-77.204 72.728-96.733 135.865-96.971m318.164 0c66.098.555 133.887 25.562 133.887 98.657h-91.113c.812-23.003-20.373-32.359-39.111-32.446c-13.39.343-39.815 3.222-40.21 19.775c2.864 25.832 68.604 30.992 88.55 35.889c32.667 7.887 66.021 21.116 81.885 50.537c5.302 9.601 8.062 21.406 8.35 35.449c-1.464 80.036-66.423 105.503-133.447 105.762c-79.554-.549-149.03-19.751-149.634-107.886h91.992c-.497 20.146 10.264 33.738 28.638 36.914c16.626 1.562 62.68 7.109 62.988-18.896c-3.621-24.639-69.896-30.464-89.429-35.449c-49.663-12.446-88.86-38.221-89.209-91.333c3.441-77.258 72.647-96.734 135.863-96.973"/></svg>
How to use the Css icon
React
import { Icon } from "@iconify/react";
<Icon icon="el:css" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="el:css" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="el:css" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[el--css]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:css"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="el:css"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/el/css.svg" alt="Css icon" width="24" height="24">
Css icon in other icon sets
Css icon FAQ
Is the Css icon free for commercial use?
Yes. Elusive Icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Css icon in React?
Install @iconify/react and render <Icon icon="el:css" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Css icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/el/css.svg" alt="Css icon">, or paste the SVG code inline to style it with CSS.
Browse all Elusive Icons →
ICONYZ
