Smart Home Outline アイコン

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

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

solar:smart-home-outline

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

アイコンセット: Solar
作者: 480 Design
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: UI
タグ: smarthome、homeoutline、smarthomeoutline

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M8.27953 4.50412C9.29529 3.87371 10.0095 3.43153 10.6065 3.1412C11.1882 2.85833 11.6002 2.75 12 2.75C12.3998 2.75 12.8118 2.85833 13.3935 3.14119C13.9905 3.43153 14.7047 3.87371 15.7205 4.50412L17.7205 5.74537C18.6813 6.34169 19.3559 6.76135 19.8591 7.1467C20.3487 7.52164 20.6304 7.83106 20.8229 8.18285C21.0162 8.53589 21.129 8.94865 21.1884 9.58104C21.2492 10.2286 21.25 11.0458 21.25 12.2039V13.725C21.25 15.6959 21.2485 17.1012 21.1098 18.1683C20.9736 19.2163 20.717 19.8244 20.2892 20.2669C19.8649 20.7058 19.2871 20.9664 18.2858 21.1057C17.2602 21.2483 15.9075 21.25 14 21.25C13.5858 21.25 13.25 21.5858 13.25 22C13.25 22.4142 13.5858 22.75 14 22.75H14.0581C15.8944 22.75 17.3515 22.75 18.4924 22.5914C19.6695 22.4277 20.6204 22.0824 21.3676 21.3094C22.1114 20.5401 22.4406 19.567 22.5973 18.3616C22.75 17.1866 22.75 15.6838 22.75 13.7799V12.1672C22.75 11.0541 22.75 10.1665 22.6818 9.4407C22.6114 8.69174 22.4647 8.05812 22.1387 7.46263C21.8121 6.86589 21.3599 6.40669 20.7711 5.95581C20.2026 5.5204 19.4649 5.0626 18.5437 4.49088L16.4771 3.20831C15.5036 2.60409 14.7242 2.12034 14.0495 1.79224C13.3515 1.45282 12.7081 1.25 12 1.25C11.2919 1.25 10.6485 1.45282 9.95056 1.79224C9.27587 2.12034 8.49646 2.60407 7.52292 3.20829L5.45629 4.4909C4.53509 5.06261 3.79745 5.5204 3.22891 5.95581C2.64016 6.40669 2.18796 6.86589 1.86132 7.46263C1.46281 8.19067 1.33129 8.97857 1.28138 9.96199C1.26038 10.3757 1.57872 10.728 1.9924 10.749C2.40608 10.77 2.75845 10.4517 2.77945 10.038C2.82532 9.13408 2.94045 8.61519 3.1771 8.18285C3.36966 7.83106 3.65133 7.52164 4.14093 7.1467C4.64411 6.76135 5.3187 6.34169 6.27954 5.74537L8.27953 4.50412Z"/><path d="M2 12.2498C1.58579 12.2498 1.25 12.5856 1.25 12.9998C1.25 13.414 1.58579 13.7498 2 13.7498C6.55635 13.7498 10.25 17.4434 10.25 21.9998C10.25 22.414 10.5858 22.7498 11 22.7498C11.4142 22.7498 11.75 22.414 11.75 21.9998C11.75 16.615 7.38478 12.2498 2 12.2498Z"/><path d="M1.25 15.9998C1.25 15.5856 1.58579 15.2498 2 15.2498C5.72792 15.2498 8.75 18.2719 8.75 21.9998C8.75 22.414 8.41421 22.7498 8 22.7498C7.58579 22.7498 7.25 22.414 7.25 21.9998C7.25 19.1003 4.8995 16.7498 2 16.7498C1.58579 16.7498 1.25 16.414 1.25 15.9998Z"/><path d="M2 18.2498C1.58579 18.2498 1.25 18.5856 1.25 18.9998C1.25 19.414 1.58579 19.7498 2 19.7498C3.24264 19.7498 4.25 20.7571 4.25 21.9998C4.25 22.414 4.58579 22.7498 5 22.7498C5.41421 22.7498 5.75 22.414 5.75 21.9998C5.75 19.9287 4.07107 18.2498 2 18.2498Z"/></g></svg>

Smart Home Outline アイコンの使い方

React

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

<Icon icon="solar:smart-home-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:smart-home-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:smart-home-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--smart-home-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:smart-home-outline"></div>

Web コンポーネント

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

<iconify-icon icon="solar:smart-home-outline"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/smart-home-outline.svg" alt="Smart Home Outline アイコン" width="24" height="24">

Solar の関連アイコン

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

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

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

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

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

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

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

Solar アイコンをすべて見る →