Иконка Cl Button
emojione-v1:cl-button
Иконка Cl Button (emojione-v1:cl-button) — бесплатная SVG-иконка из набора Emoji One (v1) от Emoji One. Она нарисована на сетке 64 × 64. Emoji One (v1) icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Emoji One (v1)
- Автор
- Emoji One
- Лицензия
- CC-BY-SA-4.0
- Размер
- 64 × 64
- Категория
- Символы
- Теги
- clbutton
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#ec1c24" d="M63.667 56.802a6.863 6.863 0 0 1-6.864 6.868H6.86A6.864 6.864 0 0 1 0 56.802V6.864A6.863 6.863 0 0 1 6.86 0h49.942a6.863 6.863 0 0 1 6.864 6.864v49.938z"/><path fill="#fff" d="M36.24 38.848q-.002 1.758-.864 3.804q-.867 2.047-2.729 4.02q-1.858 1.97-4.744 3.199q-2.89 1.232-6.731 1.232q-2.917-.001-5.297-.554q-2.388-.552-4.334-1.719q-1.945-1.17-3.579-3.076a18.4 18.4 0 0 1-2.486-3.88a20.4 20.4 0 0 1-1.547-4.582a25.3 25.3 0 0 1-.513-5.176c0-2.961.429-5.617 1.295-7.959q1.293-3.514 3.704-6.02a16.1 16.1 0 0 1 5.646-3.806q3.244-1.304 6.91-1.306q4.468 0 7.958 1.783q3.492 1.785 5.351 4.406q1.856 2.626 1.857 4.963q-.001 1.28-.904 2.261q-.904.977-2.185.978q-1.432 0-2.147-.679c-.476-.452-1.01-1.232-1.593-2.337q-1.458-2.736-3.429-4.091q-1.971-1.356-4.86-1.357q-4.597.002-7.32 3.491c-1.814 2.327-2.727 5.634-2.727 9.92q.001 4.295 1.208 7.144c.804 1.898 1.942 3.32 3.414 4.257q2.216 1.406 5.173 1.406c2.146 0 3.954-.529 5.438-1.594c1.483-1.063 2.598-2.624 3.354-4.684q.476-1.457 1.182-2.376q.698-.915 2.256-.915q1.334-.001 2.286.931q.957.928.957 2.31m9.12-21.291v26.797h10.869q1.807 0 2.777.878c.646.587.962 1.322.962 2.21c0 .903-.312 1.637-.95 2.196q-.951.84-2.789.841H42.471q-2.436 0-3.505-1.079q-1.063-1.079-1.065-3.491V17.551q-.001-2.259 1.019-3.391c.677-.75 1.568-1.13 2.676-1.13c1.116 0 2.029.377 2.722 1.118q1.04 1.119 1.042 3.403"/></svg>
Как использовать иконку Cl Button
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:cl-button" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:cl-button" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:cl-button" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--cl-button]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:cl-button"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:cl-button"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/emojione-v1/cl-button.svg" alt="Иконка Cl Button" width="24" height="24">
Похожие иконки в наборе Emoji One (v1)
Иконка Cl Button в других наборах
Вопросы и ответы: Иконка Cl Button
Можно ли бесплатно использовать иконку Cl Button в коммерческих проектах?
Да. Emoji One (v1) icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.
Как использовать иконку Cl Button в React?
Установите @iconify/react и выведите <Icon icon="emojione-v1:cl-button" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Cl Button на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/emojione-v1/cl-button.svg" alt="Иконка Cl Button">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Emoji One (v1) →
