Иконка Hotel
fxemoji:hotel
Иконка Hotel (fxemoji:hotel) — бесплатная SVG-иконка из набора Firefox OS Emoji от Mozilla. Она нарисована на сетке 512 × 512. Firefox OS Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Firefox OS Emoji
- Автор
- Mozilla
- Лицензия
- Apache-2.0
- Размер
- 512 × 512
- Категория
- Места
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#FFB636" d="M472.679 180.85H21.826c-7.953 0-14.4 6.447-14.4 14.4V497.6c0 7.953 6.447 14.4 14.4 14.4h450.853c7.953 0 14.4-6.447 14.4-14.4V195.25c0-7.953-6.447-14.4-14.4-14.4"/><path fill="#E2A042" d="M479.879 167.263H25.267c-9.853 0-17.841 7.988-17.841 17.841v11.733h479.653v-22.374a7.2 7.2 0 0 0-7.2-7.2"/><path fill="#FFE1AB" d="M494.968 43H183.71c-5.027 0-9.102 5.158-9.102 11.52v445.96c0 6.363 4.075 11.52 9.102 11.52h311.258c5.027 0 9.102-5.158 9.102-11.52V54.52c0-6.362-4.075-11.52-9.102-11.52"/><path fill="#E2A042" d="M477.369 18.741H201.775c-15.004 0-27.167 12.163-27.167 27.167V58.08h329.928V45.908c-.001-15.004-12.163-27.167-27.167-27.167"/><path fill="#2B3B47" d="M131.554 411.239H54.363a7.2 7.2 0 0 1-7.2-7.2v-31.58a7.2 7.2 0 0 1 7.2-7.2h77.191a7.2 7.2 0 0 1 7.2 7.2v31.58a7.2 7.2 0 0 1-7.2 7.2m7.2 63.265v-31.58a7.2 7.2 0 0 0-7.2-7.2H53.966a7.2 7.2 0 0 0-7.2 7.2v31.58a7.2 7.2 0 0 0 7.2 7.2h77.588a7.2 7.2 0 0 0 7.2-7.2m266.253-79.698H273.826V512h131.181zM114.155 223.841V258.3a5.31 5.31 0 0 1-5.309 5.309H76.674a5.31 5.31 0 0 1-5.309-5.309v-34.458a5.31 5.31 0 0 0-5.309-5.309H52.988a5.31 5.31 0 0 0-5.309 5.309v111.562a5.31 5.31 0 0 0 5.309 5.309h13.069a5.31 5.31 0 0 0 5.309-5.309v-42.801a5.31 5.31 0 0 1 5.309-5.309h32.173a5.31 5.31 0 0 1 5.309 5.309v42.801a5.31 5.31 0 0 0 5.309 5.309h13.069a5.31 5.31 0 0 0 5.309-5.309V223.841a5.31 5.31 0 0 0-5.309-5.309h-13.069a5.31 5.31 0 0 0-5.311 5.309"/><path fill="#597B91" d="M360.755 249.793h-42.823a7.2 7.2 0 0 1-7.2-7.2v-44.591a7.2 7.2 0 0 1 7.2-7.2h42.823a7.2 7.2 0 0 1 7.2 7.2v44.591a7.2 7.2 0 0 1-7.2 7.2m107.281-7.2v-44.591a7.2 7.2 0 0 0-7.2-7.2h-42.823a7.2 7.2 0 0 0-7.2 7.2v44.591a7.2 7.2 0 0 0 7.2 7.2h42.823a7.2 7.2 0 0 0 7.2-7.2m-100.081 95.632v-44.591a7.2 7.2 0 0 0-7.2-7.2h-42.823a7.2 7.2 0 0 0-7.2 7.2v44.591a7.2 7.2 0 0 0 7.2 7.2h42.823a7.2 7.2 0 0 0 7.2-7.2m100.081 0v-44.591a7.2 7.2 0 0 0-7.2-7.2h-42.823a7.2 7.2 0 0 0-7.2 7.2v44.591a7.2 7.2 0 0 0 7.2 7.2h42.823a7.2 7.2 0 0 0 7.2-7.2m-200.162-95.632v-44.591a7.2 7.2 0 0 0-7.2-7.2h-42.823a7.2 7.2 0 0 0-7.2 7.2v44.591a7.2 7.2 0 0 0 7.2 7.2h42.823a7.2 7.2 0 0 0 7.2-7.2m0 95.632v-44.591a7.2 7.2 0 0 0-7.2-7.2h-42.823a7.2 7.2 0 0 0-7.2 7.2v44.591a7.2 7.2 0 0 0 7.2 7.2h42.823a7.2 7.2 0 0 0 7.2-7.2m100.081-191.434V102.2a7.2 7.2 0 0 0-7.2-7.2h-42.823a7.2 7.2 0 0 0-7.2 7.2v44.591a7.2 7.2 0 0 0 7.2 7.2h42.823a7.2 7.2 0 0 0 7.2-7.2m100.081 0V102.2a7.2 7.2 0 0 0-7.2-7.2h-42.823a7.2 7.2 0 0 0-7.2 7.2v44.591a7.2 7.2 0 0 0 7.2 7.2h42.823a7.2 7.2 0 0 0 7.2-7.2m-200.162 0V102.2a7.2 7.2 0 0 0-7.2-7.2h-42.823a7.2 7.2 0 0 0-7.2 7.2v44.591a7.2 7.2 0 0 0 7.2 7.2h42.823a7.2 7.2 0 0 0 7.2-7.2m138.154 231.311H272.804c-5.442 0-9.854 4.412-9.854 9.854v16.835a4.72 4.72 0 0 0 4.719 4.719h68.247V512h7V409.51h68.248a4.72 4.72 0 0 0 4.719-4.719v-16.835c0-5.442-4.412-9.854-9.855-9.854"/></svg>
Как использовать иконку Hotel
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:hotel" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:hotel" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:hotel" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--hotel]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:hotel"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:hotel"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/hotel.svg" alt="Иконка Hotel" width="24" height="24">
Иконка Hotel в других наборах
Вопросы и ответы: Иконка Hotel
Можно ли бесплатно использовать иконку Hotel в коммерческих проектах?
Да. Firefox OS Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Hotel в React?
Установите @iconify/react и выведите <Icon icon="fxemoji:hotel" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Hotel на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fxemoji/hotel.svg" alt="Иконка Hotel">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Firefox OS Emoji →
ICONYZ
