ICONYZ
日本語
Solar の Sofa Outline アイコン

Sofa Outline アイコン

solar:sofa-outline

Sofa Outline アイコン(solar:sofa-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 コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M8.90473 4.25001C8.93606 4.25001 8.96781 4.25002 9 4.25002H15C15.0322 4.25002 15.0639 4.25001 15.0953 4.25001C15.9333 4.24988 16.4668 4.24981 16.9267 4.34129C18.811 4.71609 20.2839 6.18906 20.6587 8.07334L19.9231 8.21966L20.6587 8.07334C20.7284 8.4234 20.7449 8.81605 20.7488 9.35321C21.9037 9.67929 22.75 10.7408 22.75 12V14.4445C22.75 15.9742 21.9522 17.3176 20.75 18.0813V19C20.75 19.4142 20.4142 19.75 20 19.75C19.5858 19.75 19.25 19.4142 19.25 19V18.6748C18.989 18.7242 18.7198 18.75 18.4444 18.75H5.55556C5.28024 18.75 5.01095 18.7242 4.75 18.6748V19C4.75 19.4142 4.41421 19.75 4 19.75C3.58579 19.75 3.25 19.4142 3.25 19V18.0813C2.04779 17.3176 1.25 15.9742 1.25 14.4445V12C1.25 10.7408 2.09631 9.67929 3.25116 9.35321C3.25505 8.81605 3.27164 8.4234 3.34127 8.07334C3.71608 6.18906 5.18904 4.71609 7.07332 4.34129C7.53324 4.24981 8.06666 4.24988 8.90473 4.25001ZM4.75168 9.35401C5.90507 9.68103 6.75 10.7419 6.75 12V13.2C6.75 13.2276 6.77239 13.25 6.8 13.25H17.2C17.2276 13.25 17.25 13.2276 17.25 13.2V12C17.25 10.7419 18.0949 9.68103 19.2483 9.35401C19.2443 8.84457 19.231 8.58419 19.1876 8.36598C18.9311 7.07673 17.9233 6.06891 16.634 5.81247C16.3384 5.75365 15.9653 5.75002 15 5.75002H9C8.03474 5.75002 7.66164 5.75365 7.36596 5.81247C6.07671 6.06891 5.06889 7.07673 4.81245 8.36597C4.76904 8.58419 4.75569 8.84457 4.75168 9.35401ZM4 10.75C3.30964 10.75 2.75 11.3097 2.75 12V14.4445C2.75 15.9939 4.00609 17.25 5.55556 17.25H18.4444C19.9939 17.25 21.25 15.9939 21.25 14.4445V12C21.25 11.3097 20.6904 10.75 20 10.75C19.3096 10.75 18.75 11.3097 18.75 12V13.2C18.75 14.0561 18.056 14.75 17.2 14.75H6.8C5.94396 14.75 5.25 14.0561 5.25 13.2V12C5.25 11.3097 4.69036 10.75 4 10.75Z" clip-rule="evenodd"/></svg>

Sofa Outline アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="solar:sofa-outline"></iconify-icon>

HTML 画像

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

Solar の関連アイコン

他のアイコンセットの Sofa Outline アイコン

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

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

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

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

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

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

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

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