Sofa 3 Outline アイコン
solar:sofa-3-outline
Sofa 3 Outline アイコン(solar:sofa-3-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
- カテゴリ
- ホーム
- タグ
- sofaoutline
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.9397 3.25H12.0603C14.2498 3.24998 15.9723 3.24997 17.2936 3.43245C18.6439 3.61895 19.7186 4.01273 20.4898 4.91627C20.5795 5.02138 20.6646 5.13035 20.7448 5.24288C21.4343 6.21019 21.5557 7.34827 21.4091 8.70355C21.278 9.91558 20.9177 11.4159 20.4513 13.2868C21.7554 13.5021 22.75 14.6349 22.75 16C22.75 17.2588 21.9043 18.32 20.75 18.6465V20C20.75 20.4142 20.4142 20.75 20 20.75C19.5858 20.75 19.25 20.4142 19.25 20V18.75H4.75L4.75 20C4.75 20.4142 4.41421 20.75 4 20.75C3.58579 20.75 3.25 20.4142 3.25 20L3.25 18.6465C2.09575 18.32 1.25 17.2588 1.25 16C1.25 14.6349 2.24465 13.5021 3.54874 13.2868C3.08226 11.4159 2.72196 9.91557 2.59087 8.70355C2.44429 7.34827 2.56567 6.21019 3.25519 5.24288C3.3354 5.13035 3.42048 5.02138 3.5102 4.91627C4.28139 4.01273 5.35606 3.61895 6.70642 3.43245C8.02767 3.24997 9.75025 3.24998 11.9397 3.25ZM5.0856 13.25H18.9144C19.4278 11.1946 19.7923 9.70312 19.9178 8.54225C20.047 7.34831 19.9047 6.64845 19.5234 6.11355C19.4685 6.03656 19.4103 5.962 19.3489 5.89008C18.9224 5.39045 18.278 5.08264 17.0884 4.91835C15.8817 4.7517 14.263 4.75 12 4.75C9.73703 4.75 8.11826 4.7517 6.91163 4.91835C5.72202 5.08264 5.07757 5.39044 4.65112 5.89008C4.58973 5.962 4.53152 6.03656 4.47664 6.11355C4.09535 6.64845 3.95304 7.34831 4.08217 8.54225C4.20773 9.70312 4.57218 11.1946 5.0856 13.25ZM4 14.75C3.30964 14.75 2.75 15.3096 2.75 16C2.75 16.6904 3.30964 17.25 4 17.25H20C20.6904 17.25 21.25 16.6904 21.25 16C21.25 15.3096 20.6904 14.75 20 14.75H4Z" clip-rule="evenodd"/></svg>Sofa 3 Outline アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:sofa-3-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:sofa-3-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:sofa-3-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--sofa-3-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:sofa-3-outline"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:sofa-3-outline"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/sofa-3-outline.svg" alt="Sofa 3 Outline アイコン" width="24" height="24">Solar の関連アイコン
Sofa 3 Outline アイコン のよくある質問
Sofa 3 Outline アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Sofa 3 Outline アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:sofa-3-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sofa 3 Outline アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/sofa-3-outline.svg" alt="Sofa 3 Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。