Иконка Japanese Free Of Charge Button
twemoji:japanese-free-of-charge-button
Иконка Japanese Free Of Charge Button (twemoji:japanese-free-of-charge-button) — бесплатная SVG-иконка из набора Twitter Emoji от Twitter. Она нарисована на сетке 36 × 36. Twitter Emoji icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Twitter Emoji
- Автор
- Twitter
- Лицензия
- CC-BY-4.0
- Размер
- 36 × 36
- Категория
- Символы
- Теги
- japanesefree, freeof, ofcharge, chargebutton, japanesefreeofchargebutton
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#f4900c" d="M36 32a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4z"/><path fill="#fff" d="M9.914 13.543c0-.702.078-1.456.208-2.184a24 24 0 0 1-2.158 2.158c-.234.156-.468.26-.702.26c-.26 0-.52-.13-.728-.364a1.03 1.03 0 0 1-.208-.572c0-.312.156-.624.494-.832c1.872-1.43 3.432-3.432 4.55-5.694c.182-.286.442-.416.78-.416c.156 0 .338.026.52.104c.364.13.572.416.572.729a.9.9 0 0 1-.156.494c-.364.598-.78 1.196-1.248 1.768a51 51 0 0 1 2.808-.078h13.572c.468 0 .702.364.702.91c0 .494-.234.858-.702.858H26.06v4.42h3.095c.468 0 .727.364.727.91c0 .52-.26.91-.727.91H26.06v4.524h2.444c.468 0 .702.364.702.885c0 .494-.234.91-.702.91H7.392c-.468 0-.702-.391-.702-.91c0-.494.234-.885.702-.885h2.522v-4.524h-3.12c-.442 0-.702-.39-.702-.91s.26-.91.702-.91h3.12zm1.222 11.623a.9.9 0 0 1-.078.338c-.598 1.482-1.508 2.99-2.522 4.134q-.39.391-.858.391c-.26 0-.494-.078-.728-.261c-.234-.182-.364-.416-.364-.701c0-.208.078-.442.286-.65c.91-.91 1.716-2.158 2.314-3.614c.13-.338.416-.52.78-.52c.13 0 .286.025.442.077c.468.13.728.442.728.806m3.562-10.062v-4.42h-2.964v4.42zm0 6.343v-4.524h-2.964v4.524zm0 2.939c.416 0 .728.234.806.599c.312 1.3.494 2.808.598 4.134v.078c0 .468-.39.78-.936.832h-.13c-.494 0-.884-.286-.91-.728a28 28 0 0 0-.468-4.03v-.13c0-.364.312-.649.78-.728c.079-.027.182-.027.26-.027m4.759-9.282v-4.42h-2.991v4.42zm0 6.343v-4.524h-2.991v4.524zm.623 2.887c.416 0 .703.182.832.546c.494 1.3.91 2.678 1.17 3.926a1 1 0 0 1 .026.261c0 .416-.312.727-.806.832c-.13.025-.234.052-.364.052c-.416 0-.754-.234-.806-.65c-.182-1.222-.598-2.678-1.014-3.926a1 1 0 0 1-.053-.26c0-.364.26-.65.676-.729c.132-.027.236-.052.339-.052m4.187-9.23v-4.42H21.2v4.42zm0 6.343v-4.524H21.2v4.524zm1.508 2.809c.312 0 .571.13.754.312c1.065 1.325 1.897 2.573 2.573 3.899a1 1 0 0 1 .104.442c0 .364-.208.676-.572.857a1.2 1.2 0 0 1-.494.131a.97.97 0 0 1-.832-.442c-.65-1.326-1.404-2.626-2.392-3.874a.9.9 0 0 1-.13-.442c0-.26.13-.52.441-.728a1.1 1.1 0 0 1 .548-.155"/></svg>
Как использовать иконку Japanese Free Of Charge Button
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:japanese-free-of-charge-button" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:japanese-free-of-charge-button" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:japanese-free-of-charge-button" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--japanese-free-of-charge-button]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:japanese-free-of-charge-button"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:japanese-free-of-charge-button"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/twemoji/japanese-free-of-charge-button.svg" alt="Иконка Japanese Free Of Charge Button" width="24" height="24">
Похожие иконки в наборе Twitter Emoji
Иконка Japanese Free Of Charge Button в других наборах
Вопросы и ответы: Иконка Japanese Free Of Charge Button
Можно ли бесплатно использовать иконку Japanese Free Of Charge Button в коммерческих проектах?
Да. Twitter Emoji icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Japanese Free Of Charge Button в React?
Установите @iconify/react и выведите <Icon icon="twemoji:japanese-free-of-charge-button" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Japanese Free Of Charge Button на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/twemoji/japanese-free-of-charge-button.svg" alt="Иконка Japanese Free Of Charge Button">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Twitter Emoji →
