Home6 アイコン
reicon:home6
Home6 アイコン(reicon:home6)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M11.093 1.363a3.75 3.75 0 0 1 1.814 0c.677.17 1.281.593 2.157 1.206l.119.084l4.858 3.4l.093.066c.785.549 1.307.914 1.692 1.397c.34.428.594.916.749 1.44c.175.592.175 1.228.175 2.187v6.089c0 .813 0 1.469-.043 2c-.045.546-.14 1.026-.366 1.47a3.75 3.75 0 0 1-1.639 1.64c-.444.226-.924.32-1.47.365c-.531.043-1.187.043-2 .043h-.658c-.258 0-.494 0-.692-.016a1.8 1.8 0 0 1-.676-.175a1.75 1.75 0 0 1-.765-.764a1.8 1.8 0 0 1-.175-.677c-.016-.198-.016-.434-.016-.692V16.4c0-.432 0-.711-.018-.924c-.017-.204-.045-.28-.064-.316a.75.75 0 0 0-.327-.328c-.038-.019-.113-.047-.317-.064a13 13 0 0 0-.924-.018h-1.2c-.432 0-.712 0-.924.018c-.204.017-.28.045-.317.064a.75.75 0 0 0-.327.328c-.02.037-.047.112-.064.316a13 13 0 0 0-.018.924v4.026c0 .258 0 .494-.016.692a1.8 1.8 0 0 1-.175.677a1.75 1.75 0 0 1-.764.764c-.23.118-.464.158-.677.175c-.198.016-.434.016-.692.016h-.658c-.813 0-1.469 0-2-.043c-.546-.045-1.026-.14-1.47-.366a3.75 3.75 0 0 1-1.64-1.638c-.226-.445-.32-.925-.365-1.471c-.043-.531-.043-1.187-.043-2v-6.09c0-.958 0-1.594.175-2.187a4.3 4.3 0 0 1 .75-1.439c.384-.483.906-.848 1.69-1.397l.094-.065l4.858-3.401l.12-.084c.875-.613 1.48-1.037 2.156-1.206m1.451 1.456a2.25 2.25 0 0 0-1.088 0c-.372.093-.736.333-1.778 1.062l-4.86 3.402c-.91.638-1.238.875-1.47 1.167a2.8 2.8 0 0 0-.485.931c-.106.358-.113.762-.113 1.875V17.2c0 .853 0 1.447.038 1.91c.038.453.107.714.207.912c.216.423.56.767.984.983c.197.1.458.17.912.207c.462.038 1.057.038 1.909.038h.6c.292 0 .467 0 .596-.011a.6.6 0 0 0 .12-.018a.25.25 0 0 0 .105-.104a.6.6 0 0 0 .018-.121c.01-.13.011-.303.011-.596v-4.029c0-.395 0-.736.023-1.017c.024-.297.078-.591.222-.875a2.25 2.25 0 0 1 .984-.984a2.3 2.3 0 0 1 .875-.222c.28-.023.622-.023 1.017-.023h1.258c.395 0 .736 0 1.017.023c.297.024.592.078.875.222c.424.216.768.56.984.984c.144.284.198.578.222.875c.023.28.023.622.023 1.017v4.03c0 .291 0 .466.011.595a.6.6 0 0 0 .018.12a.25.25 0 0 0 .104.105a.6.6 0 0 0 .121.018c.13.01.304.011.596.011h.6c.852 0 1.447 0 1.91-.038c.453-.037.714-.107.912-.207a2.25 2.25 0 0 0 .983-.983c.1-.198.17-.459.207-.913c.038-.462.038-1.056.038-1.909v-5.944c0-1.113-.007-1.517-.113-1.875a2.8 2.8 0 0 0-.485-.93c-.232-.293-.56-.53-1.47-1.168l-4.86-3.402c-1.042-.73-1.406-.97-1.778-1.062M8.221 21.12v-.002zm-.102.1" clip-rule="evenodd"/></svg>Home6 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:home6" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:home6" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:home6" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--home6]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:home6"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:home6"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/home6.svg" alt="Home6 アイコン" width="24" height="24">Reicon の関連アイコン
Home6 アイコン のよくある質問
Home6 アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Home6 アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:home6" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Home6 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/home6.svg" alt="Home6 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。