Broccoli Duotone アイコン
lucide-extended:broccoli-duotone
Broccoli Duotone アイコン(lucide-extended:broccoli-duotone)は、Lucide Extended セットの無料 SVG アイコンです（作者: Applifted）。 24 × 24 のグリッドで描かれています。 Lucide Extended icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Lucide Extended
- 作者
- Applifted
- ライセンス
- ISC
- サイズ
- 24 × 24
- タグ
- broccoliduotone
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" d="M5.6 10.198c.456.344.981.586 1.54.71l.5.944c-1.524 1.863-3.436 3.53-5.347 5.44A1 1 0 0 0 2 18c0 2 2 4 4 4a1 1 0 0 0 .707-.293c2.197-2.197 4.072-4.396 6.292-6.005V16a4.001 4.001 0 0 0 7.66 1.614a4 4 0 0 0-.138-3.509A4 4 0 0 0 19.52 7.3a2 2 0 0 0-2.82-2.82a4 4 0 0 0-6.804-1.003A4 4 0 0 0 5.6 10.198" opacity=".15"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 13.004a3 3 0 0 1-2.122-5.121"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.606 14.204c-3.5 1.5-5.899 4.503-8.899 7.503A1 1 0 0 1 6 22c-2 0-4-2-4-4a1 1 0 0 1 .293-.707c1.911-1.911 3.823-3.578 5.347-5.441"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16.573 14.737A4 4 0 0 1 14 11"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7.14 10.907a3.999 3.999 0 1 1 2.755-7.43A4 4 0 0 1 16.7 4.48a2 2 0 0 1 2.82 2.82a4 4 0 0 1 1.002 6.805A3.999 3.999 0 1 1 13 16"/></g></svg>Broccoli Duotone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="lucide-extended:broccoli-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="lucide-extended:broccoli-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="lucide-extended:broccoli-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[lucide-extended--broccoli-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/lucide-extended -->
<div class="i-lucide-extended:broccoli-duotone"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="lucide-extended:broccoli-duotone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/lucide-extended/broccoli-duotone.svg" alt="Broccoli Duotone アイコン" width="24" height="24">Lucide Extended の関連アイコン
Broccoli Duotone アイコン のよくある質問
Broccoli Duotone アイコンは商用利用でも無料ですか?
はい。Lucide Extended icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Broccoli Duotone アイコンを使うには?
@iconify/react をインストールして <Icon icon="lucide-extended:broccoli-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Broccoli Duotone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/lucide-extended/broccoli-duotone.svg" alt="Broccoli Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。