Scallion アイコン
icon-park:scallion
Scallion アイコン(icon-park:scallion)は、IconPark セットの無料 SVG アイコンです（作者: ByteDance）。 48 × 48 のグリッドで描かれています。 IconPark icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- IconPark
- 作者
- ByteDance
- ライセンス
- Apache-2.0
- サイズ
- 48 × 48
- カテゴリ
- 食品
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M20.0001 23.9999C20.0001 23.9999 22.4996 19.4999 22.9996 14.9999C23.4996 10.4999 21.9997 6.99993 21.9997 6.99993L27 3.99992C27 3.99992 27.9992 9.99993 27.9992 12.9999"/><path fill="#2F88FF" d="M5.99994 42.9999C3.9995 41.4999 4.00123 36.0894 8.00047 32.9999C11.9997 29.9104 12.1858 30.7172 17 26.9999C21.8142 23.2826 34 3.99991 34 3.99991L38.5001 7.49992L26.3104 23.7401C23.3258 27.7165 22.5516 33.0528 20.0508 37.3501C18.1011 40.7002 15.9999 41.9999 13.9999 42.9999C11.9999 43.9999 8.00037 44.4999 5.99994 42.9999Z"/><path d="M23.0001 30C23.0001 30 25.9999 28 29.9998 26C33.9998 24 43 24 43 24L40 17C40 17 31.9996 17 29.0001 20"/></g></svg>Scallion アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:scallion" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:scallion" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:scallion" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--scallion]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:scallion"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:scallion"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/icon-park/scallion.svg" alt="Scallion アイコン" width="24" height="24">他のアイコンセットの Scallion アイコン
Scallion アイコン のよくある質問
Scallion アイコンは商用利用でも無料ですか?
はい。IconPark icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Scallion アイコンを使うには?
@iconify/react をインストールして <Icon icon="icon-park:scallion" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Scallion アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/icon-park/scallion.svg" alt="Scallion アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。