Soup Filled アイコン
lsicon:soup-filled
Soup Filled アイコン(lsicon:soup-filled)は、Lsicon セットの無料 SVG アイコンです（作者: Wis Design）。 24 × 24 のグリッドで描かれています。 Lsicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Lsicon
- 作者
- Wis Design
- ライセンス
- MIT
- サイズ
- 24 × 24
- カテゴリ
- 一般
- タグ
- soupfilled
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M5.12 2.093a.5.5 0 0 1 .697.117l-.407.29l.407-.29v.001l.002.002l.005.006l.013.02a3 3 0 0 1 .169.285c.082.159.208.437.208.726s-.126.567-.208.726a3 3 0 0 1-.17.285l-.012.02l-.004.004l-.005.009a2 2 0 0 0-.106.183a.8.8 0 0 0-.095.267c0 .037.026.137.095.275a2 2 0 0 0 .107.189l.006.009m0 0a.5.5 0 0 1-.825.566L5.41 5.5l-.413.283V5.78l-.002-.002l-.004-.006l-.013-.02a3 3 0 0 1-.165-.289c-.08-.16-.201-.44-.199-.728c.003-.282.124-.555.203-.711a3 3 0 0 1 .162-.281l.013-.02l.004-.006l.002-.002L5.41 4l-.411-.285l.003-.005l.007-.01a2 2 0 0 0 .109-.184a.8.8 0 0 0 .096-.266a.8.8 0 0 0-.096-.266a2 2 0 0 0-.11-.185l-.005-.009h-.001a.5.5 0 0 1 .117-.697m2.976-1a.5.5 0 0 0-.698.117l.407.29l-.407-.29v.001l-.002.002l-.005.006l-.013.02a3 3 0 0 0-.169.285C7.126 1.683 7 1.961 7 2.25s.126.567.208.726a3 3 0 0 0 .17.285l.012.02l.004.004l.005.009a2 2 0 0 1 .106.183a.8.8 0 0 1 .095.267a.8.8 0 0 1-.094.275a2 2 0 0 1-.108.189l-.006.009m0 0a.5.5 0 0 0 .825.566L7.804 4.5l.413.283V4.78l.002-.002l.004-.006l.013-.02a3 3 0 0 0 .165-.289c.08-.16.201-.44.199-.728c-.003-.282-.124-.555-.203-.711a3 3 0 0 0-.162-.281l-.013-.02l-.004-.005l-.002-.003L7.803 3l.411-.285l-.003-.005l-.007-.01a2 2 0 0 1-.109-.184A.8.8 0 0 1 8 2.25c0-.034.026-.13.096-.266a2 2 0 0 1 .11-.185l.005-.009h.001a.5.5 0 0 0-.117-.697m3 1a.5.5 0 0 0-.698.117l.407.29l-.407-.29v.001l-.002.002l-.005.006l-.013.02l-.043.065c-.034.054-.08.13-.126.22c-.082.159-.208.437-.208.726s.126.567.208.726a3 3 0 0 0 .17.285l.012.02l.003.004l.006.009a2 2 0 0 1 .106.183a.8.8 0 0 1 .095.267a.8.8 0 0 1-.095.275a2 2 0 0 1-.107.189l-.006.009m0 0a.5.5 0 0 0 .825.566l-.413-.283l.413.283V5.78l.002-.002l.004-.006l.013-.02a3 3 0 0 0 .165-.289c.08-.16.201-.44.199-.728c-.002-.282-.123-.555-.203-.711a3 3 0 0 0-.162-.281l-.013-.02l-.004-.005l-.002-.003l-.412.284l.411-.285l-.004-.005l-.005-.01l-.027-.04a2 2 0 0 1-.083-.144A.8.8 0 0 1 11 3.25c0-.034.026-.13.096-.266a2 2 0 0 1 .11-.185l.005-.009h.001a.5.5 0 0 0-.117-.697"/><path d="M1 6.5a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5c0 1.325-.514 2.663-1.277 3.785c-.697 1.025-1.626 1.906-2.628 2.452v.763a.5.5 0 0 1-.5.5H5.438a.5.5 0 0 1-.5-.5v-.763c-1.002-.546-1.938-1.425-2.643-2.45C1.524 9.166 1 7.827 1 6.5"/></g></svg>Soup Filled アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="lsicon:soup-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="lsicon:soup-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="lsicon:soup-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[lsicon--soup-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/lsicon -->
<div class="i-lsicon:soup-filled"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="lsicon:soup-filled"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/lsicon/soup-filled.svg" alt="Soup Filled アイコン" width="24" height="24">Lsicon の関連アイコン
他のアイコンセットの Soup Filled アイコン
Soup Filled アイコン のよくある質問
Soup Filled アイコンは商用利用でも無料ですか?
はい。Lsicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Soup Filled アイコンを使うには?
@iconify/react をインストールして <Icon icon="lsicon:soup-filled" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Soup Filled アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/lsicon/soup-filled.svg" alt="Soup Filled アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。