Hotel icon

emojione-monotone:hotel

The Hotel icon (emojione-monotone:hotel) is a free SVG icon from the Emoji One (Monotone) set by Emoji One. It is drawn on a 64 × 64 grid. Emoji One (Monotone) icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Emoji One (Monotone)
Author: Emoji One
License: CC-BY-4.0
Size: 64 × 64
Category: Travel

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M63 60h-6V41.758c3.656 1.955 3.766 5.918 3.766 5.918c.697-5.52-1.842-7.643-3.823-8.463a6 6 0 0 0-.128-.666C60.835 35.27 64 36.633 64 36.633c-3.598-4.347-6.668-2.432-8.414-.492A5.98 5.98 0 0 0 51 34h-5v-8c0-3.308-2.691-6-6-6h-1v-6c0-1.077-.531-2.36-1.293-3.121l-1.586-1.587C35.36 8.532 34.076 8 33 8V6.558c2.666 1.533 3.332-1.534 6 0V1.443c-2.668-1.533-3.334 1.534-6 0V1c0-.55-.451-1-1-1c-.551 0-1 .45-1 1v7c-1.076 0-2.36.532-3.121 1.292l-1.586 1.587C25.531 11.64 25 12.923 25 14v6h-1c-3.309 0-6 2.692-6 6v8h-5a5.99 5.99 0 0 0-4.588 2.141c-1.744-1.94-4.815-3.856-8.412.492c0 0 3.164-1.363 7.186 1.916a6 6 0 0 0-.128.664c-1.981.82-4.521 2.943-3.823 8.463c0 0 .109-3.965 3.766-5.918V60H1c-.551 0-1 .451-1 1v2c0 .551.449 1 1 1h62c.549 0 1-.449 1-1v-2c0-.549-.451-1-1-1m-8.972-18.961c.167-.047.316-.102.493-.143c.336.063.646.145.947.234c.075.635.159 1.443.234 2.449h-1.727c.027-.821.044-1.673.053-2.54m-.061 2.889c.757.959 1.393.625 1.774.215q.086 1.254.139 2.834h-2.055c.056-.979.105-1.989.142-3.049M53 41.365l.025-.01c-.025 1.818-.09 3.537-.177 5.15A.99.99 0 0 0 52 46h-3.639c.23-.936.75-2.023 1.832-3H52c.549 0 1-.449 1-1zm-42 .002V42c0 .551.449 1 1 1h1.807c1.081.977 1.601 2.064 1.831 3H12a.99.99 0 0 0-.849.504c-.088-1.611-.151-3.33-.177-5.148zm-2.469-.236c.3-.09.61-.172.945-.234c.178.043.327.096.495.143c.01.867.026 1.719.051 2.541H8.296c.076-1.007.159-1.815.235-2.45m-.273 3.012c.383.41 1.019.744 1.775-.217c.035 1.061.084 2.07.142 3.051H8.117q.054-1.58.141-2.834m-.156 3.326c.434.424 1.187.828 2.098-.047q.095 1.554.213 2.949H8.07c-.002-1.035.008-2.008.032-2.902m-.03 3.367c.462.467 1.322.947 2.356-.266c.1 1.158.206 2.227.313 3.197H8.136a116 116 0 0 1-.064-2.931m.075 3.217c.43.451 1.414 1.174 2.647.182c.068.596.138 1.139.205 1.652V56c0 .078.027.148.045.223q.068.503.132.941H8.303a119 119 0 0 1-.156-3.111M8.512 60c-.078-.914-.143-1.795-.198-2.652c.382.443 1.497 1.441 2.91.139c.24 1.613.419 2.513.419 2.513zM22 48.063L20.764 49l.469-1.525L20 46.529l1.525-.006L22 45l.475 1.523l1.525.006l-1.232.945l.468 1.526zM24 63l1.333-1h13.334L40 63zm4.236-14L27 48.063L25.764 49l.469-1.525L25 46.529l1.525-.006L27 45l.475 1.523l1.525.006l-1.232.945zM28 50v10h-3V50zm5.236-1L32 48.063L30.764 49l.469-1.525L30 46.529l1.525-.006L32 45l.475 1.523l1.525.006l-1.232.945zM33 50v10h-2V50zm5.236-1L37 48.063L35.764 49l.469-1.525L35 46.529l1.525-.006L37 45l.475 1.523l1.525.006l-1.232.945zM39 50v10h-3V50zm1.764-1l.469-1.525L40 46.529l1.525-.006L42 45l.475 1.523l1.525.006l-1.232.945l.468 1.526L42 48.063zM52 53h-4c-.551 0-1 .451-1 1v2c0 .551.449 1 1 1h3.833a63 63 0 0 1-.458 2.805l-.04.195H43V50h2v-6H19v6h2v10h-8.338l-.039-.195A62 62 0 0 1 12.166 57H16c.549 0 1-.449 1-1v-2c0-.549-.451-1-1-1h-4a1 1 0 0 0-.324.066a122 122 0 0 1-.31-3.311A.98.98 0 0 0 12 50h4c.549 0 1-.449 1-1v-2c0-.414-.258-.771-.618-.922c.177-1.191.021-2.213-.352-3.084c.534-.017.97-.455.97-.994v-2c0-.549-.451-1-1-1h-4a1 1 0 0 0-.409.094c-.11-.047-.222-.096-.327-.139c4.877-4.582 8.736-1.15 8.736-1.15A8.4 8.4 0 0 0 18.179 36H20V26c0-2.2 1.799-4 4-4h3v-8c0-.55.318-1.318.707-1.708l1.586-1.585C29.682 10.318 30.449 10 31 10h2c.549 0 1.318.318 1.707.708l1.586 1.585c.389.389.707 1.157.707 1.707v8h3c2.199 0 4 1.8 4 4v10h1.82A8.4 8.4 0 0 0 44 37.805s3.858-3.432 8.734 1.15c-.105.043-.217.092-.326.139A.95.95 0 0 0 52 39h-4c-.551 0-1 .451-1 1v2a1 1 0 0 0 .969.994c-.373.871-.528 1.893-.353 3.084c-.36.151-.616.508-.616.922v2c0 .551.449 1 1 1h4a1 1 0 0 0 .633-.244a127 127 0 0 1-.309 3.311A.9.9 0 0 0 52 53m3.486 7h-3.131s.179-.9.418-2.512c1.414 1.301 2.528.303 2.911-.141c-.055.858-.12 1.739-.198 2.653m.209-2.836h-2.873l.129-.926c.021-.078.049-.154.049-.238v-.123c.067-.51.136-1.051.205-1.645c1.232.994 2.216.271 2.646-.18c-.037.993-.087 2.026-.156 3.112m.167-3.396h-2.606q.165-1.458.314-3.199c1.033 1.213 1.894.736 2.355.27q-.01 1.384-.063 2.929m-2.276-3.397c.078-.932.151-1.912.215-2.951c.909.875 1.663.473 2.096.051c.023.893.033 1.865.03 2.9z"/><path fill="currentColor" d="M21.119 42.422v-2.027h1.836v2.027h1.111V37.58h-1.111v1.859h-1.836V37.58H20v4.842zm6.824-4.922c-1.455 0-2.398 1.086-2.398 2.535c0 1.381.855 2.465 2.318 2.465c1.44 0 2.422-.963 2.422-2.549c0-1.338-.828-2.451-2.342-2.451m-.021 4.131c-.746 0-1.199-.668-1.199-1.617c0-.939.438-1.645 1.191-1.645c.771 0 1.193.748 1.193 1.617c0 .942-.431 1.645-1.185 1.645m3.248-3.133h1.324v3.924h1.117v-3.924h1.348v-.918H31.17zm6.234 1.875h1.813v-.891h-1.813v-1.003h1.922v-.899h-3.045v4.842h3.147v-.899h-2.024zm4.635-2.793H40.92v4.842H44v-.92h-1.961zM34 24h-4c-.551 0-1 .45-1 1v8c0 .551.449 1 1 1h4c.549 0 1-.449 1-1v-8c0-.55-.451-1-1-1m-4-4c.549 0 1-.45 1-1v-4c0-.55-.451-1-1-1c-.551 0-1 .45-1 1v4c0 .55.449 1 1 1m4-6c-.551 0-1 .45-1 1v4c0 .55.449 1 1 1c.549 0 1-.45 1-1v-4c0-.55-.451-1-1-1M23 28h3c.549 0 1-.449 1-1v-2c0-.55-.451-1-1-1h-3c-.551 0-1 .45-1 1v2c0 .55.449 1 1 1m4 5v-2c0-.549-.451-1-1-1h-3c-.551 0-1 .451-1 1v2c0 .551.449 1 1 1h3c.549 0 1-.449 1-1m11-5h3c.549 0 1-.449 1-1v-2c0-.55-.451-1-1-1h-3c-.551 0-1 .45-1 1v2c0 .55.449 1 1 1m0 6h3c.549 0 1-.449 1-1v-2c0-.549-.451-1-1-1h-3c-.551 0-1 .451-1 1v2c0 .551.449 1 1 1"/></svg>

How to use the Hotel icon

React

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

<Icon icon="emojione-monotone:hotel" width="24" />

Vue

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

<template>
  <Icon icon="emojione-monotone:hotel" width="24" />
</template>

Svelte

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

<Icon icon="emojione-monotone:hotel" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--hotel]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone:hotel"></div>

Web component

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

<iconify-icon icon="emojione-monotone:hotel"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/emojione-monotone/hotel.svg" alt="Hotel icon" width="24" height="24">

Hotel icon in other icon sets

Hotel icon FAQ

Is the Hotel icon free for commercial use?

Yes. Emoji One (Monotone) icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Hotel icon in React?

Install @iconify/react and render <Icon icon="emojione-monotone:hotel" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Hotel icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/emojione-monotone/hotel.svg" alt="Hotel icon">, or paste the SVG code inline to style it with CSS.

Browse all Emoji One (Monotone) icons →