ICONYZ
Русский
Иконка Japanese Post Office из набора Fluent Emoji Flat

Иконка Japanese Post Office

fluent-emoji-flat:japanese-post-office

Иконка Japanese Post Office (fluent-emoji-flat:japanese-post-office) — бесплатная 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
Категория
Путешествия и места
Теги
japanesepost, postoffice, japanesepostoffice
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#9b9b9b" d="M3 11.01h26v19H19l-2.997-1.209l-2.997 1.209H9.002l-1.01-.603l-1.01.603H3z"/><path fill="#f8312f" d="M2 11.01c0-.55.45-1 1-1h26c.55 0 1 .45 1 1s-.45 1-1 1H3c-.55 0-1-.45-1-1"/><path fill="#d3d3d3" d="M24 30.01h-4.985l-3.008-.73l-3.008.73H8.874L8 24.008V4.21c0-1.21.98-2.2 2.2-2.2h11.6c1.21 0 2.2.98 2.2 2.2z"/><path fill="#1c1c1c" d="M13 30.01h6.01v-4.62c0-.76-.62-1.38-1.38-1.38h-3.26c-.76 0-1.37.61-1.37 1.37zm-6.5-5.29h3L9 27.365v2.645H7v-2.645z"/><path fill="#83cbff" d="M11.5 18.01h3.01c.27 0 .49-.22.5-.5V15.5c0-.28-.23-.5-.5-.5H11.5c-.28 0-.5.23-.5.5v2.01c0 .28.23.5.5.5M21 15.5v2.01c0 .28-.22.5-.5.5h-3.01c-.28 0-.5-.23-.5-.5V15.5c0-.28.23-.5.5-.5h3.01c.28 0 .5.23.5.5m-6 4v2.01c0 .28-.22.5-.5.5h-3.01c-.28 0-.5-.23-.5-.5V19.5c0-.28.23-.5.5-.5h3.01c.28 0 .5.23.5.5m6 0v2.01c0 .28-.22.5-.5.5h-3.01c-.28 0-.5-.23-.5-.5V19.5c0-.28.23-.5.5-.5h3.01c.28 0 .5.23.5.5M6.39 21.01H4.61c-.34 0-.61-.27-.61-.61v-4.78c0-.34.27-.61.61-.61h1.78c.34 0 .61.27.61.61v4.78c0 .34-.27.61-.61.61m21 0h-1.78c-.34 0-.61-.27-.61-.61v-4.78c0-.34.27-.61.61-.61h1.78c.34 0 .61.27.61.61v4.78c0 .34-.27.61-.61.61"/><path fill="#f8312f" d="M8 2c-.55 0-1 .45-1 1c0 .56.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1zm11.54 6.01h-7.08c-.25 0-.46-.2-.46-.46V6.46c0-.25.2-.46.46-.46h7.09c.25 0 .46.2.46.46v1.08c-.01.26-.21.47-.47.47M20 9.47c0-.25-.2-.46-.46-.46h-7.08c-.25 0-.46.2-.46.46v1.08c0 .25.2.46.46.46h2.08c.25 0 .46.2.46.46v1.08c0 .25.2.46.46.46h1.08c.25 0 .46-.2.46-.46v-1.09c0-.25.2-.46.46-.46h2.08c.25 0 .46-.2.46-.46z"/><path fill="#f8312f" fill-rule="evenodd" d="M6.9 28.01h2.21c.49 0 .89-.4.9-.9V24.9c0-.5-.41-.9-.9-.9H6.9c-.5 0-.9.41-.9.9v2.21c0 .5.41.9.9.9m.6-2h1c.28 0 .5-.23.5-.5c0-.28-.22-.5-.5-.5h-1c-.28 0-.5.22-.5.5s.22.5.5.5" clip-rule="evenodd"/></g></svg>

Как использовать иконку Japanese Post Office

React

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

<Icon icon="fluent-emoji-flat:japanese-post-office" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji-flat:japanese-post-office" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji-flat:japanese-post-office" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--japanese-post-office]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:japanese-post-office"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fluent-emoji-flat:japanese-post-office"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/japanese-post-office.svg" alt="Иконка Japanese Post Office" width="24" height="24">

Похожие иконки в наборе Fluent Emoji Flat

Иконка Japanese Post Office в других наборах

Вопросы и ответы: Иконка Japanese Post Office

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

Да. Fluent Emoji Flat icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Japanese Post Office в React?

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

Как добавить иконку Japanese Post Office на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/japanese-post-office.svg" alt="Иконка Japanese Post Office">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Fluent Emoji Flat →