Recycle icon

fa:recycle

The Recycle icon (fa:recycle) is a free SVG icon from the Font Awesome 4 set by Dave Gandy. It is drawn on a 1792 × 1728 grid. Font Awesome 4 icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Font Awesome 4
Author: Dave Gandy
License: OFL-1.1
Size: 1792 × 1728

Download SVG

SVG code

<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>

How to use the Recycle icon

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 component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fa:recycle"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fa/recycle.svg" alt="Recycle icon" width="24" height="24">

Recycle icon in other icon sets

Recycle icon FAQ

Is the Recycle icon free for commercial use?

Yes. Font Awesome 4 icons are released under the Open Font License, which allows use in personal and commercial projects.

How do I use the Recycle icon in React?

Install @iconify/react and render <Icon icon="fa:recycle" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Recycle icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fa/recycle.svg" alt="Recycle icon">, or paste the SVG code inline to style it with CSS.

Browse all Font Awesome 4 icons →