Wheat Outline アイコン
material-symbols-light:wheat-outline
Wheat Outline アイコン(material-symbols-light:wheat-outline)は、Material Symbols Light セットの無料 SVG アイコンです（作者: Google）。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols Light
- 作者
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- ソーシャル
- タグ
- wheatoutline、wheat outline sharp
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m3.72 21.02l-.714-.733l3.117-3.118q-.821-.821-1.241-1.727t-.42-1.848q0-.91.336-1.733t.96-1.427l1.079-1.053l.873.853q.029-.876.35-1.669q.32-.792.934-1.386l1.079-1.054l.873.854q.029-.839.363-1.612t.947-1.386l2.158-2.171l.707.707l-1.073 1.118l.346.346q.748.748 1.07 1.733q.32.984.138 1.995L20.273 3l.708.714l-4.647 4.67q1.012-.163 1.987.168t1.723 1.079l.365.346l1.074-1.118l.713.714l-2.127 2.171q-.594.639-1.402.963t-1.665.352l.835.83l-1.054 1.053q-.614.614-1.409.948t-1.672.362l.898.892l-1.079 1.079q-.629.629-1.455.963q-.825.333-1.73.333q-.83 0-1.683-.4q-.853-.402-1.791-1.248zm3.117-4.59q.694-.693 1.044-1.394t.35-1.417q0-.69-.35-1.397t-1.044-1.42q-.675.675-1.028 1.391t-.353 1.426q0 .735.353 1.445t1.028 1.367m3.525 2.113q.715-.006 1.429-.356q.713-.35 1.388-1.044q-.713-.713-1.41-1.054q-.698-.34-1.388-.34q-.71 0-1.416.363t-1.42 1.076q.674.675 1.388 1.015t1.429.34m-.289-5.369q.694-.713 1.044-1.417t.35-1.394q0-.716-.35-1.42t-1.044-1.398q-.675.656-1.028 1.37q-.353.713-.353 1.448q0 .709.353 1.423q.353.713 1.028 1.388m3.55 2.094q.735 0 1.436-.353q.7-.352 1.337-1.027q-.675-.714-1.366-1.054t-1.388-.34t-1.41.362t-1.426 1.076q.656.656 1.379.996t1.438.34m-.307-5.292q.675-.656 1.012-1.37t.338-1.447q0-.73-.338-1.445q-.337-.717-.993-1.392q-.675.675-1.028 1.392t-.353 1.426q0 .734.343 1.448q.344.713 1.019 1.388m3.544 2.089q.71 0 1.426-.353t1.41-1.047q-.719-.675-1.436-1.016q-.716-.34-1.426-.34q-.709.006-1.413.356t-1.398 1.025q.694.694 1.41 1.037q.717.343 1.427.338"/></svg>Wheat Outline アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:wheat-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:wheat-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:wheat-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--wheat-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:wheat-outline"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:wheat-outline"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/wheat-outline.svg" alt="Wheat Outline アイコン" width="24" height="24">Material Symbols Light の関連アイコン
他のアイコンセットの Wheat Outline アイコン
Wheat Outline アイコン のよくある質問
Wheat Outline アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Wheat Outline アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:wheat-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Wheat Outline アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/wheat-outline.svg" alt="Wheat Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。