Avocado Bean Outline Rounded アイコン
material-symbols-light:avocado-bean-outline-rounded
Avocado Bean Outline Rounded アイコン(material-symbols-light:avocado-bean-outline-rounded)は、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
- カテゴリ
- ソーシャル
- タグ
- avocadobean、beanoutline、outlinerounded、avocadobeanoutlinerounded
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.635 10.866q-1.464 0-2.492 1.045q-1.027 1.045-1.027 2.512q0 1.464 1.027 2.492q1.028 1.027 2.492 1.027q1.467 0 2.512-1.027q1.045-1.028 1.045-2.492q0-1.467-1.045-2.512t-2.512-1.045m0 1q1.055 0 1.806.75t.751 1.807q0 1.04-.751 1.78t-1.807.74q-1.038 0-1.778-.74t-.74-1.78q0-1.055.74-1.806t1.779-.751m9.961 2.557q-.588 0-.986.404q-.398.403-.398 1q0 .954-.732 1.67q-.73.715-1.672.715q-.589 0-.987.403q-.398.404-.398 1q0 .589.398.987t.987.398q2.284 0 3.738-1.458T21 15.827q0-.597-.403-1q-.404-.404-1-.404m.004-1q.995 0 1.697.701T22 15.827q0 2.668-1.758 4.42Q18.484 22 15.808 22q-1.014 0-1.7-.699t-.685-1.686q0-1.001.686-1.702q.685-.702 1.699-.702q.503 0 .953-.45t.45-.934q0-1.002.687-1.703t1.703-.701M9.659 3q1.354 0 2.451.906t1.91 2.223q.815 1.317 1.328 2.806q.513 1.488.725 2.667q.037.208-.089.351q-.125.143-.326.143q-.225 0-.389-.14t-.227-.354q-.286-1.51-.878-2.878q-.591-1.368-1.336-2.42t-1.565-1.678T9.653 4q-.93 0-1.934.887T5.887 7.19q-.83 1.419-1.358 3.194T4 13.917q0 1.4.35 2.53q.35 1.128 1.054 1.934t1.754 1.241q1.05.436 2.433.436q.24 0 .474-.01t.474-.048q.213-.03.377.091q.165.122.215.336q.042.23-.132.402q-.174.171-.433.19q-3.408.345-5.487-1.608T3 13.923q0-1.664.495-3.584t1.373-3.55t2.1-2.71Q8.187 3 9.657 3M17 17.02"/></svg>Avocado Bean Outline Rounded アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:avocado-bean-outline-rounded" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:avocado-bean-outline-rounded" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:avocado-bean-outline-rounded" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--avocado-bean-outline-rounded]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:avocado-bean-outline-rounded"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:avocado-bean-outline-rounded"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/avocado-bean-outline-rounded.svg" alt="Avocado Bean Outline Rounded アイコン" width="24" height="24">Material Symbols Light の関連アイコン
他のアイコンセットの Avocado Bean Outline Rounded アイコン
Avocado Bean Outline Rounded アイコン のよくある質問
Avocado Bean Outline Rounded アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Avocado Bean Outline Rounded アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:avocado-bean-outline-rounded" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Avocado Bean Outline Rounded アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/avocado-bean-outline-rounded.svg" alt="Avocado Bean Outline Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。