Иконка Japanese Monthly Amount Button

noto-v1:japanese-monthly-amount-button

Иконка Japanese Monthly Amount Button (noto-v1:japanese-monthly-amount-button) — бесплатная SVG-иконка из набора Noto Emoji (v1) от Google Inc. Она нарисована на сетке 128 × 128. Noto Emoji (v1) icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Noto Emoji (v1)
Автор: Google Inc
Лицензия: Apache-2.0
Размер: 128 × 128
Категория: Символы
Теги: japanesemonthly, monthlyamount, amountbutton, japanesemonthlyamountbutton

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#fcc21b" d="M119.89.23H8.11C3.77.23.22 3.78.22 8.11V119.9c0 4.33 3.55 7.88 7.89 7.88h111.78c4.34 0 7.89-3.55 7.89-7.88V8.11c0-4.34-3.55-7.88-7.89-7.88"/><path fill="#2f2f2f" d="M101.86 21.25H30.95c-.87 0-1.57.7-1.57 1.56v50.16c-.68 13.19-9.54 22.73-9.63 22.83c-.29.31-.45.73-.43 1.16s.22.83.54 1.11l10.93 9.37a1.56 1.56 0 0 0 2.19-.15c.42-.47 9.67-11.12 12.32-25.29h40.76v9.22H76.9c-.45 0-.89.2-1.18.54c-.3.35-.44.8-.37 1.26l2.02 13.83c.11.77.77 1.34 1.55 1.34h14.64c.19 0 4.68-.05 7.21-3.34c2.63-3.39 2.66-8.55 2.66-8.77V22.81c-.01-.86-.71-1.56-1.57-1.56M46.04 68.68v-8.6h40.02v8.6zm40.01-21.91H46.03v-8.6h40.02z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-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="noto-v1:japanese-monthly-amount-button"></iconify-icon>

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

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

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

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

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

Да. Noto Emoji (v1) icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

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

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

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

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

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