Иконка Id Button

emojione-v1:id-button

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

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#724198" d="M63.79 56.914a6.873 6.873 0 0 1-6.874 6.88H6.874A6.876 6.876 0 0 1 0 56.914V6.875A6.876 6.876 0 0 1 6.874 0h50.042c3.8 0 6.874 3.08 6.874 6.875z"/><path fill="#fff" d="M5.02 49.09V13.03q-.001-2.811 1.28-4.219q1.28-1.403 3.31-1.403q2.093 0 3.384 1.391c.866.925 1.299 2.338 1.299 4.23v36.06q0 2.843-1.299 4.246q-1.29 1.404-3.384 1.405q-2 0-3.292-1.421q-1.3-1.42-1.298-4.229M26.335 8.192h12.08q4.714 0 8.09.876q3.372.871 6.119 3.28q7.15 6.118 7.15 18.607q0 4.118-.718 7.522q-.719 3.405-2.218 6.136a19 19 0 0 1-3.843 4.885a15.9 15.9 0 0 1-4.02 2.657a18.3 18.3 0 0 1-4.703 1.402c-1.671.269-3.562.407-5.662.407H26.53q-2.533 0-3.809-.766q-1.281-.763-1.671-2.157q-.39-1.384-.39-3.604V13.875q0-2.998 1.34-4.338c.899-.896 2.343-1.345 4.344-1.345m3.588 7.339v31.07h7.03q2.31-.001 3.619-.125a11.3 11.3 0 0 0 2.718-.625a7.4 7.4 0 0 0 2.434-1.403q4.653-3.936 4.654-13.552q0-6.775-2.046-10.146q-2.045-3.373-5.04-4.291q-2.998-.923-7.246-.923h-6.117"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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