Ícone Hotel
fxemoji:hotel
O ícone Hotel (fxemoji:hotel) é um ícone SVG gratuito da coleção Firefox OS Emoji de Mozilla. Ele é desenhado em uma grade de 512 × 512. Firefox OS Emoji icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Firefox OS Emoji
- Autor
- Mozilla
- Licença
- Apache-2.0
- Tamanho
- 512 × 512
- Categoria
- Lugares
Código 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>
Como usar o ícone 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>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:hotel"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/hotel.svg" alt="Ícone Hotel" width="24" height="24">
O ícone Hotel em outras coleções
Perguntas frequentes sobre Ícone Hotel
O ícone Hotel é grátis para uso comercial?
Sim. Firefox OS Emoji icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Hotel no React?
Instale @iconify/react e renderize <Icon icon="fxemoji:hotel" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Hotel a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fxemoji/hotel.svg" alt="Ícone Hotel">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Firefox OS Emoji →
ICONYZ
