Round Compost アイコン
ic:round-compost
Round Compost アイコン(ic:round-compost)は、Google Material Icons セットの無料 SVG アイコンです（作者: Material Design Authors）。 24 × 24 のグリッドで描かれています。 Google Material Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Google Material Icons
- 作者
- Material Design Authors
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- ソーシャル
- タグ
- bio、compost、compostable、decomposable、decompose、eco、green、leaf、leafs、nature、organic、plant、recycle、sustainability、sustainable、social
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.73 21.5c-4.95-.14-9.08-4.27-9.22-9.22C2.35 6.91 6.67 2.5 12 2.5V1.21c0-.45.54-.67.85-.35l2.79 2.79c.2.2.2.51 0 .71l-2.79 2.79a.5.5 0 0 1-.85-.36V5.5c-3.58 0-6.5 2.92-6.5 6.5c0 2.21 1.11 4.17 2.81 5.35c.51-.92 1.63-1.62 2.98-1.8c-.09-.69-.26-1.42-.49-2.03c-.33.28-.75.46-1.22.48c-1.14.05-2.08-.99-2.08-2.13v-.86c0-.29-.05-.57-.14-.83a.49.49 0 0 1 .5-.66c1.3.09 3.6.52 3.64 2.48c0 .29-.06.56-.17.8c-.42-.32-.86-.6-1.33-.8c.58.43 1.37 1.37 2 2.6c.67-1.62 1.68-3.27 3-4.6c-.76.52-1.47 1.12-2.13 1.81c-.26-.42-.4-.93-.36-1.47C12.59 9 13.79 8 15.13 8H16c.56 0 .97-.14 1.28-.31a.5.5 0 0 1 .75.44C17.99 9.87 17.56 13 15 13c-.49 0-.94-.14-1.32-.38c-.24.64-.59 1.76-.76 2.96c1.26.22 2.28.89 2.77 1.77a6.51 6.51 0 0 0 2.79-4.87c.02-.26.23-.48.5-.48h1.82c.47 0 .71.24.69.52c-.28 5.09-4.58 9.12-9.76 8.98"/></svg>
Round Compost アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ic:round-compost" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ic:round-compost" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ic:round-compost" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ic--round-compost]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ic -->
<div class="i-ic:round-compost"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ic:round-compost"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/ic/round-compost.svg" alt="Round Compost アイコン" width="24" height="24">
Google Material Icons の関連アイコン
Round Compost アイコン のよくある質問
Round Compost アイコンは商用利用でも無料ですか?
はい。Google Material Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Round Compost アイコンを使うには?
@iconify/react をインストールして <Icon icon="ic:round-compost" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Round Compost アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ic/round-compost.svg" alt="Round Compost アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Google Material Icons をすべて見る →
ICONYZ
