Sunflower Crop アイコン
iconoven:sunflower-crop
Sunflower Crop アイコン(iconoven:sunflower-crop)は、IconOven セットの無料 SVG アイコンです（作者: Appic Marketing）。 24 × 24 のグリッドで描かれています。 IconOven icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- IconOven
- 作者
- Appic Marketing
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- sunflowercrop
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path stroke-width="1.5" d="m15.18 3.11l.39.73q.18.36.52.14l.7-.45q.34-.21.32.19l-.04.83q-.02.4.38.38l.83-.04q.4-.01.19.32l-.45.7q-.22.34.14.52l.73.39q.36.18 0 .36l-.73.39q-.36.18-.14.52l.45.7q.21.34-.19.32l-.83-.04q-.4-.02-.38.38l.04.83q.02.4-.32.19l-.7-.45q-.34-.22-.52.14l-.39.73q-.18.36-.36 0l-.39-.73q-.18-.36-.52-.14l-.7.45q-.33.21-.32-.19l.04-.83q.02-.4-.38-.38l-.83.04q-.4.02-.19-.32l.45-.7q.22-.34-.14-.52l-.73-.39q-.36-.18 0-.36l.73-.39q.36-.18.14-.52l-.45-.7q-.21-.33.19-.32l.83.04q.4.02.38-.38l-.04-.83q-.02-.4.32-.19l.7.45q.34.22.52-.14l.39-.73q.18-.36.36 0"/><circle cx="15" cy="7" r="1.5" stroke-width="1.5"/><path stroke-width="1.5" d="m6.69 7.05l.32.51q.19.3.51.17l.57-.23q.32-.13.3.22l-.05.61q-.02.35.32.43l.59.15q.34.09.12.35l-.4.47q-.22.27 0 .54l.4.47q.22.26-.12.35l-.59.15q-.34.08-.32.43l.05.61q.02.35-.3.22l-.57-.23q-.32-.13-.51.17l-.32.51q-.19.3-.38 0l-.32-.51q-.19-.3-.51-.17l-.57.23q-.32.13-.3-.22l.05-.61q.02-.35-.32-.43l-.59-.15q-.34-.09-.12-.35l.4-.47q.22-.27 0-.54l-.4-.47q-.22-.26.12-.35l.59-.15q.34-.08.32-.43l-.05-.61q-.02-.35.3-.22l.57.23q.32.13.51-.17l.32-.51q.19-.3.38 0"/><path stroke-width="2" d="M6.5 10h.01"/><path stroke-width="1.5" d="M15 11.25v10m-8.5-8v8m-3.75 0h18.5M15 17c.5-2 2-3 4.25-3c-.5 2-2 3-4.25 3"/></g></svg>Sunflower Crop アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="iconoven:sunflower-crop" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="iconoven:sunflower-crop" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="iconoven:sunflower-crop" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[iconoven--sunflower-crop]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/iconoven -->
<div class="i-iconoven:sunflower-crop"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="iconoven:sunflower-crop"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/iconoven/sunflower-crop.svg" alt="Sunflower Crop アイコン" width="24" height="24">IconOven の関連アイコン
Sunflower Crop アイコン のよくある質問
Sunflower Crop アイコンは商用利用でも無料ですか?
はい。IconOven icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sunflower Crop アイコンを使うには?
@iconify/react をインストールして <Icon icon="iconoven:sunflower-crop" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sunflower Crop アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/iconoven/sunflower-crop.svg" alt="Sunflower Crop アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。