Lovehotel アイコン
fxemoji:lovehotel
Lovehotel アイコン(fxemoji:lovehotel)は、Firefox OS Emoji セットの無料 SVG アイコンです（作者: 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="#FF6E83" d="M490.174 232.684H21.826c-7.953 0-14.4 6.447-14.4 14.4V496.6c0 7.953 6.447 14.4 14.4 14.4h468.348c7.953 0 14.4-6.447 14.4-14.4V247.084c0-7.953-6.447-14.4-14.4-14.4"/><path fill="#FF473E" d="M497.374 227.786H14.626a7.2 7.2 0 0 0-7.2 7.2V253.7h497.148v-18.714a7.2 7.2 0 0 0-7.2-7.2"/><path fill="#2B3B47" d="M473.254 361.386H368.131a7.2 7.2 0 0 1-7.2-7.2v-42.119a7.2 7.2 0 0 1 7.2-7.2h105.123a7.2 7.2 0 0 1 7.2 7.2v42.119a7.2 7.2 0 0 1-7.2 7.2m9.663 87.837v-42.119a7.2 7.2 0 0 0-7.2-7.2H368.131a7.2 7.2 0 0 0-7.2 7.2v42.119a7.2 7.2 0 0 0 7.2 7.2h107.587a7.2 7.2 0 0 0 7.199-7.2M149.29 354.186v-42.119a7.2 7.2 0 0 0-7.2-7.2H36.967a7.2 7.2 0 0 0-7.2 7.2v42.119a7.2 7.2 0 0 0 7.2 7.2H142.09a7.2 7.2 0 0 0 7.2-7.2m2.463 95.037v-42.119a7.2 7.2 0 0 0-7.2-7.2H36.967a7.2 7.2 0 0 0-7.2 7.2v42.119a7.2 7.2 0 0 0 7.2 7.2h107.587a7.2 7.2 0 0 0 7.199-7.2"/><path fill="#FFA9BA" d="M383.928 139.018H127.619c-4.139 0-7.495 4.091-7.495 9.137v353.707c0 5.046 3.356 9.137 7.495 9.137h256.309c4.139 0 7.495-4.091 7.495-9.137V148.155c0-5.046-3.356-9.137-7.495-9.137"/><path fill="#2B3B47" d="M169.533 416.505h172.48V511h-172.48z"/><path fill="#597B91" d="M273.496 269.592h-35.437a7.2 7.2 0 0 1-7.2-7.2v-44.54a7.2 7.2 0 0 1 7.2-7.2h35.437a7.2 7.2 0 0 1 7.2 7.2v44.54a7.2 7.2 0 0 1-7.2 7.2m94.363-7.2v-44.54a7.2 7.2 0 0 0-7.2-7.2h-35.437a7.2 7.2 0 0 0-7.2 7.2v44.54a7.2 7.2 0 0 0 7.2 7.2h35.437a7.2 7.2 0 0 0 7.2-7.2m-87.163 94.462v-44.54a7.2 7.2 0 0 0-7.2-7.2h-35.437a7.2 7.2 0 0 0-7.2 7.2v44.54a7.2 7.2 0 0 0 7.2 7.2h35.437a7.2 7.2 0 0 0 7.2-7.2m87.163 0v-44.54a7.2 7.2 0 0 0-7.2-7.2h-35.437a7.2 7.2 0 0 0-7.2 7.2v44.54a7.2 7.2 0 0 0 7.2 7.2h35.437a7.2 7.2 0 0 0 7.2-7.2m-174.326-94.462v-44.54a7.2 7.2 0 0 0-7.2-7.2h-35.437a7.2 7.2 0 0 0-7.2 7.2v44.54a7.2 7.2 0 0 0 7.2 7.2h35.437a7.2 7.2 0 0 0 7.2-7.2m0 94.462v-44.54a7.2 7.2 0 0 0-7.2-7.2h-35.437a7.2 7.2 0 0 0-7.2 7.2v44.54a7.2 7.2 0 0 0 7.2 7.2h35.437a7.2 7.2 0 0 0 7.2-7.2m148.481 59.5c0-5.442-4.412-9.854-9.854-9.854H179.388c-5.442 0-9.854 4.412-9.854 9.854v8.122h172.48z"/><path fill="#FF473E" d="M385.211 137H126.789a7.2 7.2 0 0 0-7.2 7.2v22.688h272.822V144.2a7.2 7.2 0 0 0-7.2-7.2"/><path fill="#FF6E83" d="M334.021 18.806c-18.982-22.44-52.578-23.516-72.943-3.21l-.057.057c-2.815 2.818-7.25 2.812-10.055-.015l-.071-.072c-19.312-19.367-50.649-19.426-70.035-.15c-16.491 16.398-19.189 42.835-6.503 62.325c3.97 6.1 8.946 10.821 14.449 14.402l63.627 51.503a6.184 6.184 0 0 0 7.8-.015l63.231-51.577a49.6 49.6 0 0 0 13.981-13.982c12.042-18.134 10.635-42.646-3.424-59.266"/><path fill="#FFF" d="M189.302 53.741a6.296 6.296 0 0 1-6.282-6.809c1.297-15.861 12.614-28.848 28.161-32.317a6.295 6.295 0 1 1 2.741 12.289c-10.132 2.26-17.508 10.721-18.353 21.054a6.296 6.296 0 0 1-6.267 5.783"/></svg>Lovehotel アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:lovehotel" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:lovehotel" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:lovehotel" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--lovehotel]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:lovehotel"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:lovehotel"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fxemoji/lovehotel.svg" alt="Lovehotel アイコン" width="24" height="24">Lovehotel アイコン のよくある質問
Lovehotel アイコンは商用利用でも無料ですか?
はい。Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Lovehotel アイコンを使うには?
@iconify/react をインストールして <Icon icon="fxemoji:lovehotel" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Lovehotel アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fxemoji/lovehotel.svg" alt="Lovehotel アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。