Recycle アイコン
fa:recycle
Recycle アイコン(fa:recycle)は、Font Awesome 4 セットの無料 SVG アイコンです（作者: Dave Gandy）。 1792 × 1728 のグリッドで描かれています。 Font Awesome 4 icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Font Awesome 4
- 作者
- Dave Gandy
- ライセンス
- OFL-1.1
- サイズ
- 1792 × 1728
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="1792" height="1728" viewBox="0 0 1792 1728"><path fill="currentColor" d="m836 1169l-15 368l-2 22l-420-29q-36-3-67-31.5t-47-65.5q-11-27-14.5-55t4-65t12-55t21.5-64t19-53q78 12 509 28M449 583l180 379l-147-92q-63 72-111.5 144.5t-72.5 125t-39.5 94.5t-18.5 63l-4 21L46 961q-17-26-18-56t6-47l8-18q35-63 114-188L16 566zm1231 517l-188 359q-12 29-36.5 46.5T1412 1526l-18 4q-71 7-219 12l8 164l-230-367l211-362l7 173q170 16 283 5t170-33zM895 176q-47 63-265 435L313 424l-19-12L519 56q20-31 60-45t80-10q24 2 48.5 12t42 21T791 67t36 34.5t36 39.5t32 35m655 307l212 363q18 37 12.5 76t-27.5 74q-13 20-33 37t-38 28t-48.5 22t-47 16t-51.5 14t-46 12q-34-72-265-436l313-195zm-143-226l142-83l-220 373l-419-20l151-86q-34-89-75-166t-75.5-123.5t-64.5-80T799 25l-17-13l405 1q31-3 58 10.5t39 28.5l11 15q39 61 112 190"/></svg>
Recycle アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fa:recycle" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa:recycle" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa:recycle" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa--recycle]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa -->
<div class="i-fa:recycle"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa:recycle"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fa/recycle.svg" alt="Recycle アイコン" width="24" height="24">
Recycle アイコン のよくある質問
Recycle アイコンは商用利用でも無料ですか?
はい。Font Awesome 4 icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。
React で Recycle アイコンを使うには?
@iconify/react をインストールして <Icon icon="fa:recycle" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Recycle アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa/recycle.svg" alt="Recycle アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Font Awesome 4 アイコン をすべて見る →
ICONYZ
