Love Hotel icon
emojione:love-hotel
The Love Hotel icon (emojione:love-hotel) is a free SVG icon from the Emoji One (Colored) set by Emoji One. It is drawn on a 64 × 64 grid. Emoji One (Colored) 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 (Colored)
- Author
- Emoji One
- License
- CC-BY-4.0
- Size
- 64 × 64
- Category
- Travel
- Tags
- lovehotel
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="#d0d0d0"><path d="M0 58h64v6H0z"/><path d="M10 58h14v2H10z"/></g><path fill="#3e4347" d="M10 58h14v2H10z"/><path fill="#ffc7ce" d="M7 20h50v38H7z"/><path fill="#e84d88" d="M12 42h10v16H12z"/><path fill="#d6eef0" d="M12 26h10v10H12zm30 0h10v10H42zm-15 0h10v10H27zm15 16h10v10H42zm-15 0h10v10H27z"/><path fill="#d0d0d0" d="M13 16h38v4H13z"/><circle cx="20" cy="51" r="1" fill="#ffdd7d"/><path fill="#9450e0" d="M11 36h12v2H11zm15 0h12v2H26zm15 0h12v2H41zM26 52h12v2H26zm15 0h12v2H41z"/><path fill="#e84d88" d="M12 26v6h1c1.7 0 3-1.3 3-3v-3zm10 0v6h-1c-1.7 0-3-1.3-3-3v-3zm-9 6h-1v4h4v-1c0-1.7-1.3-3-3-3m8 0c-1.7 0-3 1.3-3 3v1h4v-4zm6-6v6h1c1.7 0 3-1.3 3-3v-3zm10 0v6h-1c-1.7 0-3-1.3-3-3v-3zm-9 6h-1v4h4v-1c0-1.7-1.3-3-3-3m8 0c-1.7 0-3 1.3-3 3v1h4v-4zm6-6v6h1c1.7 0 3-1.3 3-3v-3zm10 0v6h-1c-1.7 0-3-1.3-3-3v-3zm-9 6h-1v4h4v-1c0-1.7-1.3-3-3-3m8 0c-1.7 0-3 1.3-3 3v1h4v-4zM27 42v6h1c1.7 0 3-1.3 3-3v-3zm10 0v6h-1c-1.7 0-3-1.3-3-3v-3zm-9 6h-1v4h4v-1c0-1.7-1.3-3-3-3m8 0c-1.7 0-3 1.3-3 3v1h4v-4zm6-6v6h1c1.7 0 3-1.3 3-3v-3zm10 0v6h-1c-1.7 0-3-1.3-3-3v-3zm-9 6h-1v4h4v-1c0-1.7-1.3-3-3-3m8 0c-1.7 0-3 1.3-3 3v1h4v-4zM36.3 0c-1.9 0-3.5.9-4.3 2.3C31.2.9 29.6 0 27.7 0C25.1 0 23 1.8 23 4c0 4 9 12 9 12s9-8 9-12c0-2.2-2.1-4-4.7-4"/><path fill="#94989b" d="M10 60h14v2H10z"/></svg>
How to use the Love Hotel icon
React
import { Icon } from "@iconify/react";
<Icon icon="emojione:love-hotel" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione:love-hotel" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione:love-hotel" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--love-hotel]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:love-hotel"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione:love-hotel"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/emojione/love-hotel.svg" alt="Love Hotel icon" width="24" height="24">
Related icons in Emoji One (Colored)
Love Hotel icon in other icon sets
Love Hotel icon FAQ
Is the Love Hotel icon free for commercial use?
Yes. Emoji One (Colored) 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 Love Hotel icon in React?
Install @iconify/react and render <Icon icon="emojione:love-hotel" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Love Hotel icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/emojione/love-hotel.svg" alt="Love Hotel icon">, or paste the SVG code inline to style it with CSS.
Browse all Emoji One (Colored) icons →
ICONYZ
