Иконка Japanese Reserved Button
fluent-emoji:japanese-reserved-button
Иконка Japanese Reserved Button (fluent-emoji:japanese-reserved-button) — бесплатная SVG-иконка из набора Fluent Emoji от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Теги
- japanesereserved, reservedbutton, japanesereservedbutton
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g clip-path="url(#ik9o6Ph)"><rect width="28" height="28" x="2" y="2" fill="url(#iKz6Inb)" rx="3.6"/><rect width="28" height="28" x="2" y="2" fill="url(#ixVAMgg)" rx="3.6"/><rect width="28" height="28" x="2" y="2" fill="url(#iWxCCme)" rx="3.6"/><rect width="28" height="28" x="2" y="2" fill="url(#ixfGA9M)" rx="3.6"/><rect width="28" height="28" x="2" y="2" fill="url(#iVQaJjd)" rx="3.6"/><rect width="28" height="28" x="2" y="2" fill="url(#iKiRQMc)" rx="3.6"/><rect width="28" height="28" x="2" y="2" fill="url(#iKFQiLj)" rx="3.6"/><path fill="#FCF2FF" d="M26.224 18.948v2.912c0 4.212.052 4.888.052 5.044s-.026.182-.208.182h-1.17c-.182 0-.208-.026-.208-.182V25.5h-7.722v1.508c0 .182-.026.208-.208.208h-1.144c-.182 0-.208-.026-.208-.208c0-.13.052-.832.052-5.07v-2.626c0-2.626-.052-3.354-.052-3.51c0-.182.026-.208.208-.208c.156 0 .91.052 3.12.052h4.238c2.21 0 2.964-.052 3.094-.052c.182 0 .208.026.208.208c0 .156-.052.884-.052 3.146m-1.534 5.174v-2.964h-7.722v2.964zm0-4.29v-2.808h-7.722v2.808zM10.52 10.68v5.07c1.092-.468 2.236-.962 3.25-1.482c-.026.286-.052.676-.052 1.066c0 .494 0 .52-.494.754c-.832.39-1.742.806-2.704 1.222v3.276c0 1.43.026 2.964.026 3.952c0 1.196-.182 1.664-.676 2.028c-.494.39-1.014.468-2.73.468c-.52 0-.598-.026-.728-.52a3.4 3.4 0 0 0-.52-1.118c.65.052 1.3.078 2.158.078c.728 0 .962-.26.962-1.17v-6.37c-.624.234-1.248.468-1.872.676c-.572.208-.832.364-.962.494a.5.5 0 0 1-.338.156c-.104 0-.208-.052-.286-.234c-.182-.468-.338-.91-.494-1.482c.728-.13 1.352-.312 2.288-.624a27 27 0 0 0 1.664-.598V10.68h-.91c-1.872 0-2.444.052-2.6.052c-.182 0-.208-.026-.208-.208V9.406c0-.182.026-.208.208-.208c.156 0 .728.052 2.6.052h.91V7.17c0-1.56 0-2.314-.156-3.172c.624.026 1.144.078 1.638.156c.208.026.312.13.312.234c0 .182-.078.312-.156.494c-.104.286-.13.754-.13 2.262V9.25h.39c1.898 0 2.444-.052 2.6-.052c.182 0 .208.026.208.208v1.118c0 .182-.026.208-.208.208c-.156 0-.702-.052-2.6-.052zm6.188-1.43v1.534c0 .728.364.988.91 1.144c.364.078 1.3.208 3.692.208c2.028 0 3.614-.104 4.16-.468c.598-.39.702-1.014.78-2.548c.312.26.624.442 1.014.572c.468.182.494.208.442.676c-.182 1.508-.52 2.106-1.196 2.574c-.832.546-2.73.624-5.304.624c-2.886 0-3.9-.052-4.602-.286c-.858-.26-1.456-.754-1.456-1.95V6.78c0-1.17-.026-1.95-.13-2.652c.572.026 1.118.104 1.612.156c.234.026.364.13.364.234c0 .182-.078.286-.156.468c-.104.234-.13.416-.13 1.716v1.196c2.6-.52 5.252-1.274 6.708-1.82c.78-.286 1.326-.624 1.586-.884c.442.364.754.702 1.014 1.014c.13.156.156.234.156.364c0 .182-.156.26-.52.312c-.286.052-.572.182-1.092.364c-1.924.702-4.784 1.456-7.852 2.002"/></g><defs><linearGradient id="iKz6Inb" x1="16" x2="16" y1="2" y2="30" gradientUnits="userSpaceOnUse"><stop stop-color="#59D88F"/><stop offset="1" stop-color="#55CE89"/></linearGradient><linearGradient id="ixfGA9M" x1="30" x2="25.5" y1="16" y2="16" gradientUnits="userSpaceOnUse"><stop stop-color="#6FF4A4" stop-opacity="0"/><stop offset=".479" stop-color="#6FF4A4" stop-opacity=".3"/><stop offset="1" stop-color="#6FF4A4" stop-opacity="0"/></linearGradient><linearGradient id="iVQaJjd" x1="16" x2="16" y1="2" y2="6" gradientUnits="userSpaceOnUse"><stop stop-color="#6FF4A4" stop-opacity="0"/><stop offset=".479" stop-color="#6FF4A4" stop-opacity=".4"/><stop offset="1" stop-color="#6FF4A4" stop-opacity="0"/></linearGradient><linearGradient id="iKiRQMc" x1="16" x2="16" y1="2" y2="30" gradientUnits="userSpaceOnUse"><stop stop-color="#388964" stop-opacity=".35"/><stop offset=".058" stop-color="#388964" stop-opacity="0"/><stop offset=".872" stop-color="#388964" stop-opacity="0"/><stop offset=".939" stop-color="#388964" stop-opacity=".439"/><stop offset="1" stop-color="#388964"/></linearGradient><linearGradient id="iKFQiLj" x1="29.901" x2="2.278" y1="15.749" y2="15.749" gradientUnits="userSpaceOnUse"><stop stop-color="#388964" stop-opacity=".35"/><stop offset=".058" stop-color="#388964" stop-opacity="0"/><stop offset=".872" stop-color="#388964" stop-opacity="0"/><stop offset=".939" stop-color="#388964" stop-opacity=".439"/><stop offset="1" stop-color="#388964"/></linearGradient><radialGradient id="ixVAMgg" cx="0" cy="0" r="1" gradientTransform="matrix(-2.5 2.5 -2.91994 -2.91994 28.5 3.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#6FF4A4" stop-opacity=".6"/><stop offset="1" stop-color="#6FF4A4" stop-opacity="0"/></radialGradient><radialGradient id="iWxCCme" cx="0" cy="0" r="1" gradientTransform="matrix(3.5 -3 3.50393 4.08791 3 29)" gradientUnits="userSpaceOnUse"><stop stop-color="#388964" stop-opacity=".7"/><stop offset="1" stop-color="#388964" stop-opacity="0"/></radialGradient><clipPath id="ik9o6Ph"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></g></svg>
Как использовать иконку Japanese Reserved Button
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:japanese-reserved-button" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:japanese-reserved-button" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:japanese-reserved-button" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--japanese-reserved-button]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:japanese-reserved-button"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:japanese-reserved-button"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/japanese-reserved-button.svg" alt="Иконка Japanese Reserved Button" width="24" height="24">
Похожие иконки в наборе Fluent Emoji
Иконка Japanese Reserved Button в других наборах
Вопросы и ответы: Иконка Japanese Reserved Button
Можно ли бесплатно использовать иконку Japanese Reserved Button в коммерческих проектах?
Да. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Japanese Reserved Button в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji:japanese-reserved-button" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Japanese Reserved Button на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji/japanese-reserved-button.svg" alt="Иконка Japanese Reserved Button">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Fluent Emoji →
