Иконка Css

el:css

Иконка Css (el:css) — бесплатная SVG-иконка из набора Elusive Icons от Team Redux. Она нарисована на сетке 1200 × 1200. Elusive Icons выпущены под лицензией Open Font License, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Elusive Icons
Автор: Team Redux
Лицензия: OFL-1.1
Размер: 1200 × 1200

Скачать SVG

Код SVG

<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>

Как использовать иконку Css

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>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="el:css"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/el/css.svg" alt="Иконка Css" width="24" height="24">

Иконка Css в других наборах

Вопросы и ответы: Иконка Css

Можно ли бесплатно использовать иконку Css в коммерческих проектах?

Да. Elusive Icons выпущены под лицензией Open Font License, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Css в React?

Установите @iconify/react и выведите <Icon icon="el:css" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Css на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/el/css.svg" alt="Иконка Css">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Elusive Icons →