Иконка Japanese Open For Business Button
fluent-emoji-high-contrast:japanese-open-for-business-button
Иконка Japanese Open For Business Button (fluent-emoji-high-contrast:japanese-open-for-business-button) — бесплатная SVG-иконка из набора Fluent Emoji High Contrast от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji High Contrast
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Категория
- Символы
- Теги
- japaneseopen, openfor, forbusiness, businessbutton, japaneseopenforbusinessbutton
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M24.528 23.368v-1.612c0-.878.015-1.404.022-1.667l.004-.179c0-.182 0-.208-.182-.208l-.189.003c-.399.006-1.418.023-3.529.023h-5.356c.338-.728.676-1.586.988-2.548h2.392a83 83 0 0 1 3.38.052c.156 0 .182-.026.182-.208a23 23 0 0 1-.052-1.768V13.54a23 23 0 0 1 .052-1.768c0-.182-.026-.208-.182-.208c-.032 0-.091.002-.187.006c-.372.013-1.288.046-3.193.046H13.27c-1.905 0-2.821-.033-3.193-.046l-.187-.006c-.156 0-.182.026-.182.208c0 .032.003.079.008.15c.014.221.044.675.044 1.618v1.716c0 .922-.028 1.362-.043 1.591a3 3 0 0 0-.009.177c0 .182.026.208.182.208l.186-.005a83 83 0 0 1 3.194-.047h1.404c-.26.832-.624 1.768-.988 2.548h-2.34c-2.134 0-3.14-.017-3.533-.023l-.185-.003c-.182 0-.208.026-.208.208q0 .044.007.162c.014.267.045.849.045 1.97v1.378c0 2.503-.035 3.293-.047 3.584c-.003.065-.005.105-.005.134c0 .156.026.182.208.182H8.85c.156 0 .182-.026.182-.182v-1.092h13.936v.988c0 .156.026.182.208.182h1.196c.182 0 .182-.026.182-.182c0-.029 0-.07-.002-.135c-.007-.29-.024-1.074-.024-3.531m-1.56-2.288v3.614H9.032V21.08zm-2.288-8.216v3.068h-9.412v-3.068z"/><path d="M26.53 10.498V9.484c0-.49.025-.83.04-1.033q.011-.13.012-.189c0-.182-.026-.208-.208-.208l-.19.005c-.393.014-1.378.047-3.398.047h-.962c.494-.702 1.014-1.586 1.482-2.418c.182-.312.364-.572.546-.676c.156-.078.208-.156.208-.312c0-.13-.104-.208-.312-.312a15 15 0 0 0-1.482-.52c-.078.39-.208.806-.338 1.066a26 26 0 0 1-1.742 3.172H9.24c-2.043 0-3.033-.033-3.425-.047l-.189-.005c-.182 0-.208.026-.208.208q0 .053.01.175c.015.21.042.585.042 1.203v.858c0 1.769-.033 2.35-.046 2.593a2 2 0 0 0-.006.137c0 .182.026.208.208.208h1.17c.182 0 .208-.026.208-.208V9.406h17.992v3.822c0 .182.026.208.208.208h1.17c.182 0 .208-.026.208-.208c0-.025-.002-.058-.005-.111c-.013-.222-.047-.794-.047-2.619"/><path d="m9.084 4.18l-.676.26c-.338.13-.338.182-.208.338c.598.676 1.326 1.95 1.638 2.678c.13.338.182.338.52.182l.728-.338c.286-.13.286-.156.208-.312c-.52-1.014-1.066-1.95-1.768-2.782c-.104-.13-.182-.13-.442-.026m6.084-.286l-.728.286c-.286.104-.338.13-.208.312c.572.806 1.144 2.028 1.456 2.86c.104.26.13.286.468.13l.676-.312c.338-.156.338-.182.26-.364a12.4 12.4 0 0 0-1.534-2.808c-.13-.156-.182-.182-.39-.104"/><path d="M1 6a5 5 0 0 1 5-5h20a5 5 0 0 1 5 5v20a5 5 0 0 1-5 5H6a5 5 0 0 1-5-5zm5-3a3 3 0 0 0-3 3v20a3 3 0 0 0 3 3h20a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3z"/></g></svg>
Как использовать иконку Japanese Open For Business Button
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:japanese-open-for-business-button" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:japanese-open-for-business-button" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:japanese-open-for-business-button" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--japanese-open-for-business-button]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:japanese-open-for-business-button"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:japanese-open-for-business-button"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/japanese-open-for-business-button.svg" alt="Иконка Japanese Open For Business Button" width="24" height="24">
Похожие иконки в наборе Fluent Emoji High Contrast
Иконка Japanese Open For Business Button в других наборах
Вопросы и ответы: Иконка Japanese Open For Business Button
Можно ли бесплатно использовать иконку Japanese Open For Business Button в коммерческих проектах?
Да. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Japanese Open For Business Button в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-high-contrast:japanese-open-for-business-button" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Japanese Open For Business Button на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/japanese-open-for-business-button.svg" alt="Иконка Japanese Open For Business Button">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Fluent Emoji High Contrast →
