Sofa Solid アイコン
streamline-flex:sofa-solid
Sofa Solid アイコン(streamline-flex:sofa-solid)は、Flex free icons セットの無料 SVG アイコンです（作者: Streamline）。 14 × 14 のグリッドで描かれています。 Flex free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Flex free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 14 × 14
- カテゴリ
- お金・ショッピング
- タグ
- sofasolid
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M2.114 5.138a.2.2 0 0 1-.21-.195c0-.563.055-1.11.124-1.631c.158-1.192 1.15-2.107 2.334-2.21c.844-.072 1.73-.14 2.638-.14c.909 0 1.794.068 2.639.14c1.183.103 2.176 1.018 2.333 2.21a12 12 0 0 1 .124 1.631c0 .113-.097.2-.21.195l-.177-.003c-.393 0-.754.057-1.048.113a2.29 2.29 0 0 0-1.64 1.287a.27.27 0 0 1-.26.16a27 27 0 0 0-1.76-.066c-.606 0-1.2.029-1.763.066a.27.27 0 0 1-.258-.16a2.29 2.29 0 0 0-1.641-1.287a5.6 5.6 0 0 0-1.048-.113q-.09 0-.177.003m.99 1.338c.462.088.81.492.839.963v.013l.028.437c.013.575-.003 1.167-.015 1.43a.625.625 0 1 0 1.249.058c.01-.23.024-.691.02-1.19c0-.134.102-.246.235-.254A25 25 0 0 1 7 7.88c.524 0 1.04.023 1.547.055a.25.25 0 0 1 .234.253c-.003.499.01.96.02 1.19a.625.625 0 1 0 1.25-.058c-.014-.294-.033-1-.01-1.632l.015-.235l.001-.013c.03-.47.377-.875.84-.963c.265-.051.536-.091.812-.091s.547.04.813.09c.462.09.81.493.84.964v.013c.041.666.084 1.357.084 2.065c0 .555-.04 1.421-.075 2.084a.99.99 0 0 1-.992.936H3.92a.02.02 0 0 1-.02-.02q-.002.018-.022.02H1.624a.99.99 0 0 1-.992-.933a44 44 0 0 1-.078-2.087c0-.708.043-1.399.084-2.065l.001-.013c.03-.47.377-.875.84-.963a4.3 4.3 0 0 1 .812-.091c.276 0 .547.04.813.09" clip-rule="evenodd"/></svg>Sofa Solid アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-flex:sofa-solid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-flex:sofa-solid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-flex:sofa-solid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex--sofa-solid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-flex -->
<div class="i-streamline-flex:sofa-solid"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-flex:sofa-solid"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-flex/sofa-solid.svg" alt="Sofa Solid アイコン" width="24" height="24">Flex free icons の関連アイコン
他のアイコンセットの Sofa Solid アイコン
Sofa Solid アイコン のよくある質問
Sofa Solid アイコンは商用利用でも無料ですか?
はい。Flex free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Sofa Solid アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-flex:sofa-solid" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sofa Solid アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-flex/sofa-solid.svg" alt="Sofa Solid アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。