Иконка Ab Button

emojione-v1:ab-button

Иконка Ab Button (emojione-v1:ab-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
Категория: Символы
Теги: abbutton

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#ec1c24" d="M63.916 57.025a6.89 6.89 0 0 1-6.889 6.895H6.887A6.89 6.89 0 0 1 0 57.025V6.891A6.89 6.89 0 0 1 6.887 0h50.14a6.89 6.89 0 0 1 6.889 6.891z"/><path fill="#fff" d="m25.642 43.783l-1.512-3.964H11.289l-1.508 4.05q-.885 2.37-1.508 3.198q-.626.83-2.045.83q-1.213 0-2.134-.883c-.62-.59-.929-1.257-.929-2.01c0-.43.069-.876.216-1.335c.141-.457.381-1.1.712-1.918l8.08-20.512q.344-.888.828-2.123q.487-1.242 1.039-2.06a4.1 4.1 0 0 1 1.441-1.325c.597-.339 1.329-.508 2.21-.508c.887 0 1.633.169 2.229.508a4.25 4.25 0 0 1 1.443 1.304a9 9 0 0 1 .927 1.712c.249.611.573 1.425.958 2.444l8.255 20.387q.971 2.328.97 3.387q.001 1.097-.917 2.01a3 3 0 0 1-2.209.917q-.753.001-1.292-.269a2.7 2.7 0 0 1-.907-.73q-.364-.466-.787-1.424c-.276-.639-.518-1.204-.718-1.691M12.97 35.006h9.436l-4.761-13.04zm35.06 12.891h-9.651q-2.094 0-2.986-.938q-.896-.935-.896-2.981V20.226q0-2.089.917-3q.916-.919 2.965-.919h10.234q2.265 0 3.923.285c1.105.183 2.097.544 2.973 1.074a7.8 7.8 0 0 1 1.984 1.692a7.6 7.6 0 0 1 1.315 2.262q.452 1.238.453 2.619q0 4.741-4.743 6.94q6.227 1.98 6.228 7.714q.001 2.65-1.358 4.772a8.13 8.13 0 0 1-3.663 3.135c-.962.403-2.065.688-3.32.853c-1.254.164-2.706.246-4.375.246m-7.131-26.784v8.166h5.86q2.393.001 3.695-.452c.869-.3 1.531-.875 1.994-1.722a3.9 3.9 0 0 0 .538-2.028q0-2.393-1.7-3.178c-1.141-.524-2.868-.786-5.194-.786zm6.66 12.757h-6.66v9.222h6.874q6.487 0 6.486-4.677q0-2.39-1.681-3.469c-1.118-.718-2.795-1.076-5.02-1.076"/></svg>

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

React

import { Icon } from "@iconify/react";

<Icon icon="emojione-v1:ab-button" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="emojione-v1:ab-button" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="emojione-v1:ab-button" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--ab-button]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:ab-button"></div>

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

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

<iconify-icon icon="emojione-v1:ab-button"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/emojione-v1/ab-button.svg" alt="Иконка Ab Button" width="24" height="24">

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

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

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

Да. Emoji One (v1) icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.

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

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

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

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

Все Иконки Emoji One (v1) →