ICONYZ
Русский
Иконка Japanese Monthly Amount Button из набора Emoji One (v1)

Иконка Japanese Monthly Amount Button

emojione-v1:japanese-monthly-amount-button

Иконка Japanese Monthly Amount Button (emojione-v1:japanese-monthly-amount-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
Категория
Символы
Теги
japanesemonthly, monthlyamount, amountbutton, japanesemonthlyamountbutton
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#f6921e" d="M63.964 57.071a6.887 6.887 0 0 1-6.89 6.891H6.894A6.89 6.89 0 0 1 0 57.071V6.893A6.893 6.893 0 0 1 6.894 0h50.18a6.89 6.89 0 0 1 6.89 6.893z"/><path fill="#fff" d="M51.641 35.552V5.155a.34.34 0 0 0-.097-.247l-.011-.009c-.002-.004-.007-.007-.001-.001a.34.34 0 0 0-.245-.097h-36.83a.366.366 0 0 0-.363.363v13.777c0 6.05.294 12.2-.92 18.15c-1.269 6.217-4.331 11.881-7.778 17.14c-.108.165-.034.402.131.498L9.9 57.26c.185.106.382.03.498-.131c3.924-5.454 6.642-11.664 8.04-18.233h27.887v9.855c0 .693-.037 1.384-.261 2.044c-.324.961-1.08.963-1.955.947c-2.757-.05-5.508-.345-8.241-.684c-.242-.03-.4.254-.35.459q.576 2.301 1.15 4.604c.044.172.189.245.351.267c2.649.344 5.313.624 7.986.684c2.204.048 4.366-.362 5.629-2.349c1.061-1.672 1.02-3.709 1.02-5.617V35.552m-5.329-16.26H19.434V9.89h26.892zM19.43 24.393h26.892v9.401H19.227c.236-3.129.205-6.265.204-9.401"/></svg>

Как использовать иконку Japanese Monthly Amount Button

React

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

<Icon icon="emojione-v1:japanese-monthly-amount-button" width="24" />

Vue

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

<template>
  <Icon icon="emojione-v1:japanese-monthly-amount-button" width="24" />
</template>

Svelte

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

<Icon icon="emojione-v1:japanese-monthly-amount-button" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="emojione-v1:japanese-monthly-amount-button"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/emojione-v1/japanese-monthly-amount-button.svg" alt="Иконка Japanese Monthly Amount Button" width="24" height="24">

Похожие иконки в наборе Emoji One (v1)

Иконка Japanese Monthly Amount Button в других наборах

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

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

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

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

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

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

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

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