Иконка Love Hotel

streamline-emojis:love-hotel

Иконка Love Hotel (streamline-emojis:love-hotel) — бесплатная SVG-иконка из набора Streamline Emojis от Streamline. Она нарисована на сетке 48 × 48. Streamline Emojis icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Streamline Emojis
Автор: Streamline
Лицензия: CC-BY-4.0
Размер: 48 × 48
Категория: Путешествия и места
Теги: lovehotel

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M5.5 45.5a18.5 1.5 0 1 0 37 0a18.5 1.5 0 1 0-37 0" opacity=".15"/><path fill="#fcd" d="M24.75 13.5h16V44a.5.5 0 0 1-.5.5h-15.5z"/><path fill="#ffb0ca" d="M24.75 13.5h16v1.91h-16z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24.75 13.5h16V44a.5.5 0 0 1-.5.5h-15.5h0z"/><path fill="#fcd" d="M7.25 44.5h17.5v-23h-17a1 1 0 0 0-1 1V44a.5.5 0 0 0 .5.5"/><path fill="#ffe5ee" d="M7.75 21.5a1 1 0 0 0-1 1v2.29a1 1 0 0 1 1-1h17V21.5Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M7.75 21.5h17v23h0h-17.5a.5.5 0 0 1-.5-.5V22.5a1 1 0 0 1 1-1"/><path fill="#00b8f0" d="M29.75 37.5h6v7h-6z"/><path fill="#4acfff" d="M30.07 44.5h5.68v-7h-2.4z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M29.75 37.5h6v7h-6z"/><path fill="#ff6242" d="M32.75 33.5a4 4 0 0 0-4 4h8a4 4 0 0 0-4-4"/><path fill="#ff866e" d="M32.75 35.5a4 4 0 0 1 3.45 2h.55a4 4 0 0 0-8 0h.55a4 4 0 0 1 3.45-2"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M32.75 33.5a4 4 0 0 0-4 4h8a4 4 0 0 0-4-4"/><path fill="#00b8f0" d="M9.25 38.5h13v3h-13z"/><path fill="#4acfff" d="M17.13 41.5h5.12v-3h-3.71z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M9.25 38.5h13v3h-13z"/><path fill="#00b8f0" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M9.25 32.08h2.59v3H9.25zm5.2 0h2.59v3h-2.59zm5.21 0h2.59v3h-2.59zM9.25 25.75h2.59v3H9.25zm5.2 0h2.59v3h-2.59zm5.21 0h2.59v3h-2.59zm8.6 2.33h2.59v3h-2.59zm6.71 0h2.59v3h-2.59zm-6.71-5.79h2.59v3h-2.59zm6.71 0h2.59v3h-2.59zm-6.71-5.63h2.59v3h-2.59zm6.71 0h2.59v3h-2.59z"/><path fill="#ff6242" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M40.25 11.5h-15a1 1 0 0 0 0 2h15a1 1 0 0 0 0-2"/><path fill="#ffe5ee" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M10.75 19h10a1 1 0 0 1 1 1v1.5h0h-12h0V20a1 1 0 0 1 1-1"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M32.75 37.5v7"/><path fill="#ff87af" d="M14.89 10.46a2.12 2.12 0 0 0-1.16-1.39a2.08 2.08 0 0 0-2.52.64l-.6.79l-.91-.41a2.08 2.08 0 0 0-2.89 2.4A4.33 4.33 0 0 0 9 15.24L12.23 17l2.06-3.06a4.3 4.3 0 0 0 .6-3.48"/><path fill="#ffb0ca" d="m11.21 12.2l-.6.8l-.91-.42a2.07 2.07 0 0 0-2.58.73a4.5 4.5 0 0 1-.31-.82a2.08 2.08 0 0 1 2.89-2.4l.91.41l.6-.79a2.08 2.08 0 0 1 2.52-.64a2.12 2.12 0 0 1 1.16 1.39a4.34 4.34 0 0 1-.08 2.29a2.07 2.07 0 0 0-3.6-.55"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M14.89 10.46a2.12 2.12 0 0 0-1.16-1.39a2.08 2.08 0 0 0-2.52.64l-.6.79l-.91-.41a2.08 2.08 0 0 0-2.89 2.4A4.33 4.33 0 0 0 9 15.24L12.23 17l2.06-3.06a4.3 4.3 0 0 0 .6-3.48"/><path fill="#ff87af" d="M25.6 3.37a2.6 2.6 0 0 0-3.14-.82l-1.14.5l-.75-1a2.6 2.6 0 0 0-4.6.89a5.34 5.34 0 0 0 .71 4.31l2.52 3.85L23.3 9A5.4 5.4 0 0 0 26 5.58a2.61 2.61 0 0 0-.4-2.21"/><path fill="#ffb0ca" d="M25.87 6a2.58 2.58 0 0 0-3.41-1.29l-1.14.5l-.75-1a2.6 2.6 0 0 0-4.66 1.18A5.5 5.5 0 0 1 16 2.94a2.6 2.6 0 0 1 4.6-.89l.75 1l1.14-.5a2.6 2.6 0 0 1 3.57 3c-.06.18-.14.31-.19.45"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M25.6 3.37a2.6 2.6 0 0 0-3.14-.82l-1.14.5l-.75-1a2.6 2.6 0 0 0-4.6.89a5.34 5.34 0 0 0 .71 4.31l2.52 3.85L23.3 9A5.4 5.4 0 0 0 26 5.58a2.61 2.61 0 0 0-.4-2.21"/></svg>

Как использовать иконку Love Hotel

React

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

<Icon icon="streamline-emojis:love-hotel" width="24" />

Vue

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

<template>
  <Icon icon="streamline-emojis:love-hotel" width="24" />
</template>

Svelte

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

<Icon icon="streamline-emojis:love-hotel" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--love-hotel]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:love-hotel"></div>

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

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

<iconify-icon icon="streamline-emojis:love-hotel"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/streamline-emojis/love-hotel.svg" alt="Иконка Love Hotel" width="24" height="24">

Иконка Love Hotel в других наборах

Вопросы и ответы: Иконка Love Hotel

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

Да. Streamline Emojis icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Love Hotel в React?

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

Как добавить иконку Love Hotel на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-emojis/love-hotel.svg" alt="Иконка Love Hotel">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Streamline Emojis →