My Perfect Hotel アイコン
arcticons:my-perfect-hotel
My Perfect Hotel アイコン(arcticons:my-perfect-hotel)は、Arcticons セットの無料 SVG アイコンです(作者: Donnnno)。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Arcticons
- 作者
- Donnnno
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 48 × 48
- タグ
- myperfect、perfecthotel、myperfecthotel
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m23.755 36.534l-5.985-2.34"/><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M31.8 15.857a5.84 5.84 0 0 1 .935 3.155h0c0 3.401-2.961 6.158-6.614 6.158s-6.615-2.757-6.615-6.158a5.87 5.87 0 0 1 1.194-3.529"/><path d="M20.603 10.646c.025-.815 2.58-1.41 5.706-1.327s5.639.81 5.613 1.624v4.552c-.026 1.011-2.58 1.748-5.706 1.646c-3.126-.101-5.64-1.004-5.614-2.015z"/><path d="M31.922 10.943c-.026.815-2.58 1.41-5.706 1.328c-3.126-.083-5.64-.81-5.613-1.625m-4.369 20.332l-2.652-6.21l8.51 2.914l2.554 7.475"/><path d="M16.756 30.93c1.626.473 1.597 2.61 1.072 3.205c-.987 1.119-2.68.229-2.966-.824c-.336-1.242.177-2.38.94-2.928m10.809 4.327c-1.7-.05-2.79.77-2.855 1.763c-.085 1.287 1.396 2.136 3.504 2.215c.791.03 1.99-.818 2.53-1.801m-7.718-12.869c-1.238.173-3.237 1.52-3.086 2.601m4.206-1.739c.244 1.136.62 2.144 1.353 3.226c.808-.738 2.01-1.724 2.841-2.943"/><path d="m29.03 30.202l.297 1.63l-2.791 2.88c1.428-.608 3.668 1.771 3.616 2.954c1.96-2.321 3.02-4.023 3.657-5.712c-.709-4.727-2.335-6.49-5.143-7.262"/><path d="M28.147 33.101c1.466.236 2.98 1.809 3.198 3.173"/></g><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M9.5 5.5h29c2.216 0 4 1.784 4 4v29c0 2.216-1.784 4-4 4h-29c-2.216 0-4-1.784-4-4v-29c0-2.216 1.784-4 4-4m23.854 27.504l9.073 2.625M22.874 29.97l6.449 1.867M5.5 24.942l9.307 2.694"/></svg>My Perfect Hotel アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:my-perfect-hotel" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:my-perfect-hotel" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:my-perfect-hotel" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--my-perfect-hotel]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:my-perfect-hotel"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:my-perfect-hotel"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/my-perfect-hotel.svg" alt="My Perfect Hotel アイコン" width="24" height="24">Arcticons の関連アイコン
My Perfect Hotel アイコン のよくある質問
My Perfect Hotel アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で My Perfect Hotel アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:my-perfect-hotel" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
My Perfect Hotel アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/my-perfect-hotel.svg" alt="My Perfect Hotel アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。