Recycle アイコン
glyphs-poly:recycle
Recycle アイコン(glyphs-poly:recycle)は、Glyphs Poly セットの無料 SVG アイコンです（作者: Goran Spasojevic）。 99 × 99 のグリッドで描かれています。 Glyphs Poly icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Glyphs Poly
- 作者
- Goran Spasojevic
- ライセンス
- MIT
- サイズ
- 99 × 99
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="99" height="99" viewBox="0 0 99 99"><g fill="none"><path fill="#6fcf97" d="M69.78 44.369a2.013 2.013 0 1 0-3.486 2.013zM57.553 65.606a2.013 2.013 0 0 0 0 4.026zm18.097-7.047l-1.743 1.007zm-5.23 9.06v-2.013zm-4.125-21.237l7.612 13.184l3.486-2.014l-7.611-13.183zm4.124 19.224H57.552v4.026h12.866zm6.974 0a8.05 8.05 0 0 0 0-8.054l-3.486 2.014a4.03 4.03 0 0 1 0 4.026zm-3.486-2.014a4.03 4.03 0 0 1-3.488 2.014v4.026a8.05 8.05 0 0 0 6.974-4.026z"/><path fill="#219653" stroke="#219653" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M57.558 62.414v10.411c0 1.05-1.27 1.577-2.013.834l-3.904-3.904a3.02 3.02 0 0 1 0-4.27l3.904-3.905c.743-.742 2.013-.216 2.013.834"/><path fill="#6fcf97" d="M34.915 34.502a2.013 2.013 0 1 0 3.486 2.013zm24.506-.028a2.013 2.013 0 1 0 3.486-2.013zM38.4 36.515l7.612-13.184l-3.487-2.013l-7.612 13.184zm14.587-13.184l6.433 11.143l3.486-2.013l-6.433-11.143zm-3.488-6.04a8.05 8.05 0 0 0-6.974 4.027l3.487 2.013a4.03 4.03 0 0 1 3.487-2.013zm0 4.027c1.439 0 2.768.767 3.488 2.013l3.486-2.013a8.05 8.05 0 0 0-6.974-4.026z"/><path fill="#219653" stroke="#219653" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="m56.654 36.065l9.016-5.205c.91-.526 2 .311 1.729 1.326l-1.43 5.333a3.02 3.02 0 0 1-3.697 2.135l-5.334-1.429c-1.014-.272-1.194-1.635-.284-2.16"/><path fill="#6fcf97" d="M43.804 69.629a2.013 2.013 0 0 0 0-4.026zM31.527 48.42a2.013 2.013 0 0 0-3.487-2.013zM28.58 67.616v-2.013zm-5.23-9.06l1.743 1.006zm20.453 7.047H28.581v4.026h15.223zm-18.71-6.04l6.433-11.143l-3.487-2.013l-6.433 11.142zm-3.487 6.04a8.05 8.05 0 0 0 6.974 4.026v-4.026a4.03 4.03 0 0 1-3.487-2.014zm3.487-2.014a4.03 4.03 0 0 1 0-4.027l-3.487-2.013a8.05 8.05 0 0 0 0 8.053z"/><path fill="#219653" stroke="#219653" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="m34.287 50.02l-9.016-5.205c-.91-.526-.73-1.889.285-2.16l5.333-1.43a3.02 3.02 0 0 1 3.698 2.136l1.429 5.333c.272 1.014-.819 1.851-1.729 1.326"/></g></svg>
Recycle アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:recycle" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:recycle" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:recycle" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--recycle]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:recycle"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:recycle"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/glyphs-poly/recycle.svg" alt="Recycle アイコン" width="24" height="24">
Recycle アイコン のよくある質問
Recycle アイコンは商用利用でも無料ですか?
はい。Glyphs Poly icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Recycle アイコンを使うには?
@iconify/react をインストールして <Icon icon="glyphs-poly:recycle" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Recycle アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/glyphs-poly/recycle.svg" alt="Recycle アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Glyphs Poly アイコン をすべて見る →
ICONYZ
