Иконка Japanese Congratulations Button
fluent-emoji-flat:japanese-congratulations-button
Иконка Japanese Congratulations Button (fluent-emoji-flat:japanese-congratulations-button) — бесплатная SVG-иконка из набора Fluent Emoji Flat от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji Flat icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji Flat
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Категория
- Символы
- Теги
- japanesecongratulations, congratulationsbutton, japanesecongratulationsbutton, congratulation
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#f92f60" d="M16 30C8.27 30 2 23.73 2 16S8.27 2 16 2s14 6.27 14 14s-6.27 14-14 14"/><path fill="#fff" d="M21.502 15.247v6.825c0 .63.021.819.231.945c.168.126.504.189 1.134.189c.882 0 1.176-.063 1.344-.315c.21-.315.315-.82.336-2.436c.273.189.546.336.819.42c.378.126.378.147.357.504c-.084 1.638-.294 2.1-.735 2.499s-1.113.504-2.163.504c-1.302 0-1.764-.126-2.016-.315c-.336-.231-.567-.567-.567-1.638v-7.182h-1.995c-.021 4.998-1.113 7.497-4.704 9.345c-.147.084-.231.105-.294.105c-.105 0-.168-.084-.315-.252c-.21-.273-.462-.462-.735-.63c3.654-1.554 4.809-3.633 4.788-8.568c-1.344.02-1.89.042-1.974.042c-.147 0-.168-.021-.168-.168c0-.126.042-.63.042-2.058V9.787c0-1.428-.042-1.932-.042-2.058c0-.147.021-.168.168-.168c.105 0 .756.042 2.583.042h3.78c1.827 0 2.457-.042 2.583-.042c.147 0 .168.02.168.168c0 .126-.042.63-.042 2.058v3.276c0 1.428.042 1.953.042 2.058c0 .147-.021.168-.168.168c-.126 0-.735-.042-2.457-.042m1.344-1.113V8.758h-6.741v5.376zM11.023 9.682h1.386c.21 0 .315-.021.42-.084a.5.5 0 0 1 .189-.042c.126 0 .252.084.546.357c.273.273.336.399.336.483c0 .147-.084.23-.21.315s-.252.23-.399.588a23 23 0 0 1-1.932 3.318c.819 1.029 1.638 1.785 2.94 2.625c-.252.21-.483.504-.651.777q-.095.189-.189.189c-.063 0-.147-.063-.273-.168c-.819-.693-1.596-1.47-2.163-2.29v6.364c0 1.68.042 2.646.042 2.75c0 .148-.021.169-.168.169h-.966c-.147 0-.168-.021-.168-.168c0-.105.042-1.071.042-2.751v-5.586A26 26 0 0 1 7.201 18.9c-.147.126-.252.168-.315.168c-.084 0-.126-.063-.189-.21a3 3 0 0 0-.504-.861c2.751-1.806 4.725-4.41 6.006-7.203H9.238c-1.533 0-1.995.042-2.121.042c-.147 0-.168-.021-.168-.168v-.861c0-.147.021-.168.168-.168c.126 0 .588.042 2.121.042h.567V8.464c0-1.155-.021-1.743-.168-2.373a9.4 9.4 0 0 1 1.386.147c.147.02.252.084.252.168c0 .168-.063.252-.126.399c-.105.23-.126.567-.126 1.617z"/></g></svg>
Как использовать иконку Japanese Congratulations Button
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:japanese-congratulations-button" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:japanese-congratulations-button" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:japanese-congratulations-button" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--japanese-congratulations-button]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:japanese-congratulations-button"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:japanese-congratulations-button"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/japanese-congratulations-button.svg" alt="Иконка Japanese Congratulations Button" width="24" height="24">
Похожие иконки в наборе Fluent Emoji Flat
Иконка Japanese Congratulations Button в других наборах
Вопросы и ответы: Иконка Japanese Congratulations Button
Можно ли бесплатно использовать иконку Japanese Congratulations Button в коммерческих проектах?
Да. Fluent Emoji Flat icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Japanese Congratulations Button в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-flat:japanese-congratulations-button" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Japanese Congratulations Button на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/japanese-congratulations-button.svg" alt="Иконка Japanese Congratulations Button">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Fluent Emoji Flat →
