Home アイコン

Q: Home アイコンは商用利用でも無料ですか?

はい。Freehand free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

streamline-freehand:home

Home アイコン(streamline-freehand:home)は、Freehand free icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Freehand free icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Freehand free icons
作者: Streamline
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: 基本インターフェース

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="M23.988 12.374a3.9 3.9 0 0 0-.16-1.458A8 8 0 0 0 22.071 8.8c-1.487-1.377-3.513-2.715-4.631-3.793l-3.613-3.483c-.09-.08-.76-.779-1.049-.998a.83.83 0 0 0-.838-.21a4.4 4.4 0 0 0-.998.669c-.6.529-1.178 1.237-1.667 1.677c-1.068.998-2.136 1.916-3.164 2.894S4.045 7.553 3.116 8.621c-.609.589-1.487 1.377-2.086 2.106c-.333.37-.594.8-.769 1.268a32.5 32.5 0 0 0-.23 5.55a33.4 33.4 0 0 0 .46 5.49a.35.35 0 0 0 .26.239a.36.36 0 0 0 .379.26c2.715-.11 5.434-.07 8.145.119c1.846.07 3.723.08 5.49.06a45 45 0 0 0 5.929-.38a.39.39 0 0 0 .195-.69a.4.4 0 0 0-.285-.088a75 75 0 0 1-8.165-.13c-1.088 0-2.196-.07-3.284-.08H6.95a44 44 0 0 0-5.79.47a32 32 0 0 1-.279-5.29a33 33 0 0 1 .33-5.251c.195-.436.473-.829.818-1.158c.6-.619 1.348-1.208 1.837-1.707A78 78 0 0 1 6.31 7.064c1.298-1.158 2.566-2.286 3.843-3.424c.5-.43 1.068-1.128 1.667-1.657q.16-.147.34-.27c.299.29.678.7.738.759l3.674 3.533c1.157.999 3.204 2.346 4.74 3.684a6.9 6.9 0 0 1 1.558 1.766c.122.71.142 1.432.06 2.146c-.06 2.855-.39 7.437-.23 9.743a.41.41 0 0 0 .42.369a.4.4 0 0 0 .379-.42c-.14-2.704.489-8.384.489-10.92" clip-rule="evenodd"/><path fill="currentColor" d="M13.577 22.146a.51.51 0 0 0 .649 0a33 33 0 0 0 .23-4.592q.043-.778 0-1.557a3.6 3.6 0 0 0-.31-1.118a1.34 1.34 0 0 0-.998-.639a11.6 11.6 0 0 0-1.777 0a8.4 8.4 0 0 0-1.647 0a1.8 1.8 0 0 0-.848.42a1 1 0 0 0-.28.609c-.07.429-.34 5.67-.21 6.158a.43.43 0 0 0 .49.3c.579-.11.638-6.319.808-6.339h1.677c.35 0 .729-.06 1.208-.06q.324.01.639.09q.146.356.24.729q.106.706.129 1.417c.05.998 0 1.787 0 2.665c-.09.3-.19 1.747 0 1.917"/></svg>

Home アイコンの使い方

React

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

<Icon icon="streamline-freehand:home" width="24" />

Vue

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

<template>
  <Icon icon="streamline-freehand:home" width="24" />
</template>

Svelte

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

<Icon icon="streamline-freehand:home" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--home]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:home"></div>

Web コンポーネント

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

<iconify-icon icon="streamline-freehand:home"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-freehand/home.svg" alt="Home アイコン" width="24" height="24">

Freehand free icons の関連アイコン

他のアイコンセットの Home アイコン

Home アイコンのよくある質問

Home アイコンは商用利用でも無料ですか?

はい。Freehand free icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Home アイコンを使うには?

@iconify/react をインストールして <Icon icon="streamline-freehand:home" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Home アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-freehand/home.svg" alt="Home アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Freehand free icons をすべて見る →