Иконка Dim Button
emojione-v1:dim-button
Иконка Dim Button (emojione-v1:dim-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
- Категория
- Символы
- Теги
- dimbutton
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#fbb11c" d="M16.671 32c0 1.964-2.054 3.55-4.587 3.55C9.553 35.55 7.5 33.963 7.5 32c0-1.955 2.054-3.549 4.585-3.549s4.587 1.594 4.587 3.548M47.328 32c0-1.957 2.056-3.549 4.586-3.549c2.534 0 4.586 1.592 4.586 3.548c0 1.965-2.052 3.55-4.586 3.55c-2.531 0-4.586-1.587-4.586-3.55M32.006 47.334c1.964 0 3.55 2.05 3.55 4.582c0 2.53-1.586 4.583-3.55 4.583s-3.552-2.053-3.552-4.583c0-2.533 1.591-4.582 3.552-4.582m0-30.667c-1.966 0-3.552-2.053-3.552-4.584s1.587-4.584 3.552-4.584c1.96 0 3.55 2.053 3.55 4.584s-1.59 4.584-3.55 4.584M21.1 42.898c1.388 1.391 1.06 3.969-.732 5.755c-1.79 1.789-4.366 2.114-5.752.73c-1.387-1.387-1.059-3.96.733-5.751c1.79-1.792 4.366-2.114 5.75-.734M42.713 21.2c-1.392-1.39-1.061-3.96.73-5.75c1.79-1.792 4.366-2.12 5.754-.733c1.386 1.388 1.058 3.959-.734 5.748c-1.788 1.79-4.366 2.118-5.75.733m.104 21.598c1.385-1.379 3.961-1.058 5.75.734s2.12 4.365.734 5.75c-1.386 1.386-3.961 1.059-5.754-.732c-1.79-1.787-2.12-4.36-.73-5.752M21.2 21.2c-1.387 1.387-3.96 1.056-5.75-.734c-1.793-1.79-2.12-4.361-.733-5.748c1.387-1.386 3.96-1.06 5.752.733c1.793 1.79 2.12 4.366.732 5.75m10.805-1.521c-6.778 0-12.316 5.538-12.316 12.312c0 6.775 5.538 12.312 12.316 12.312s12.318-5.537 12.318-12.312s-5.54-12.311-12.318-12.311m0 4.246a8.035 8.035 0 0 1 8.07 8.065a8.035 8.035 0 0 1-8.07 8.066a8.035 8.035 0 0 1-8.07-8.066a8.035 8.035 0 0 1 8.07-8.065"/></svg>
Как использовать иконку Dim Button
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:dim-button" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:dim-button" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:dim-button" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--dim-button]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:dim-button"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:dim-button"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/emojione-v1/dim-button.svg" alt="Иконка Dim Button" width="24" height="24">
Иконка Dim Button в других наборах
Вопросы и ответы: Иконка Dim Button
Можно ли бесплатно использовать иконку Dim Button в коммерческих проектах?
Да. Emoji One (v1) icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.
Как использовать иконку Dim Button в React?
Установите @iconify/react и выведите <Icon icon="emojione-v1:dim-button" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Dim Button на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/emojione-v1/dim-button.svg" alt="Иконка Dim Button">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Emoji One (v1) →
ICONYZ
