recycle icon

recycle from Font Awesome Solid by Dave Gandy · Solid · Arrows · CC-BY-4.0 Attribution required.

Name
recycle
Set
Font Awesome Solid
Style
Solid
Category
Arrows
Viewbox
640×640
License
CC BY 4.0

The same icon in other sets

recycleBootstrap IconsrecycleBoxIcons v2recycleCarbonrecycleFont Awesome 6 Solidrecycle-20-filledFluent UI System IconsrecycleLine AwesomerecycleLuciderecycleMaterial Design Iconsrecycle-fillMingCute IconrecyclePhosphorrecyclePixelarticonsrecycle-fillRemix IconrecycleTabler Icons

More arrows icons from Font Awesome Solid

angle-double-downangle-double-leftangle-double-rightangle-double-upangle-downangle-leftangle-rightangle-uparrow-alt-circle-downarrow-alt-circle-leftarrow-alt-circle-rightarrow-alt-circle-uparrow-circle-downarrow-circle-leftarrow-circle-rightarrow-circle-uparrow-downarrow-leftarrow-rightarrow-uparrows-altarrows-alt-harrows-alt-vcaret-down

Use the recycle icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M216.3 124c46.2-80 161.7-80 207.9 0l37.3 64.6l27.7-16c8.4-4.9 18.9-4.2 26.6 1.7s11.1 15.9 8.6 25.3L500.9 287c-3.4 12.8-16.6 20.4-29.4 17l-87.4-23.4c-9.4-2.5-16.3-10.4-17.6-20s3.4-19.1 11.8-23.9l27.7-16l-37.3-64.6c-21.6-37.3-75.4-37.3-97 0l-5.3 9.1c-8.8 15.3-28.4 20.5-43.7 11.7s-20.5-28.4-11.7-43.8zm297.4 219.1c15.3-8.8 34.9-3.6 43.7 11.7l5.3 9.1c46.2 80-11.5 180-103.9 180h-74.6v32c0 9.7-5.8 18.5-14.8 22.2s-19.3 1.7-26.2-5.2l-64-64c-9.4-9.4-9.4-24.6 0-33.9l64-64c6.9-6.9 17.2-8.9 26.2-5.2s14.8 12.5 14.8 22.2v32h74.6c43.1 0 70.1-46.7 48.5-84l-5.3-9.1c-8.8-15.3-3.6-34.9 11.7-43.7zM115 299.4l-27.7-16c-8.4-4.9-13.1-14.3-11.8-23.9s8.2-17.5 17.6-20l87.4-23.5c12.8-3.4 26 4.2 29.4 17l23.4 87.4c2.5 9.4-.9 19.3-8.6 25.3s-18.2 6.6-26.6 1.7l-27.7-16l-37.3 64.6c-21.6 37.3 5.4 84 48.5 84h10.6c17.7 0 32 14.3 32 32s-14.3 32-32 32h-10.6c-92.3 0-150-100-103.8-180z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidRecycle(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M216.3 124c46.2-80 161.7-80 207.9 0l37.3 64.6l27.7-16c8.4-4.9 18.9-4.2 26.6 1.7s11.1 15.9 8.6 25.3L500.9 287c-3.4 12.8-16.6 20.4-29.4 17l-87.4-23.4c-9.4-2.5-16.3-10.4-17.6-20s3.4-19.1 11.8-23.9l27.7-16l-37.3-64.6c-21.6-37.3-75.4-37.3-97 0l-5.3 9.1c-8.8 15.3-28.4 20.5-43.7 11.7s-20.5-28.4-11.7-43.8zm297.4 219.1c15.3-8.8 34.9-3.6 43.7 11.7l5.3 9.1c46.2 80-11.5 180-103.9 180h-74.6v32c0 9.7-5.8 18.5-14.8 22.2s-19.3 1.7-26.2-5.2l-64-64c-9.4-9.4-9.4-24.6 0-33.9l64-64c6.9-6.9 17.2-8.9 26.2-5.2s14.8 12.5 14.8 22.2v32h74.6c43.1 0 70.1-46.7 48.5-84l-5.3-9.1c-8.8-15.3-3.6-34.9 11.7-43.7zM115 299.4l-27.7-16c-8.4-4.9-13.1-14.3-11.8-23.9s8.2-17.5 17.6-20l87.4-23.5c12.8-3.4 26 4.2 29.4 17l23.4 87.4c2.5 9.4-.9 19.3-8.6 25.3s-18.2 6.6-26.6 1.7l-27.7-16l-37.3 64.6c-21.6 37.3 5.4 84 48.5 84h10.6c17.7 0 32 14.3 32 32s-14.3 32-32 32h-10.6c-92.3 0-150-100-103.8-180z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M216.3 124c46.2-80 161.7-80 207.9 0l37.3 64.6l27.7-16c8.4-4.9 18.9-4.2 26.6 1.7s11.1 15.9 8.6 25.3L500.9 287c-3.4 12.8-16.6 20.4-29.4 17l-87.4-23.4c-9.4-2.5-16.3-10.4-17.6-20s3.4-19.1 11.8-23.9l27.7-16l-37.3-64.6c-21.6-37.3-75.4-37.3-97 0l-5.3 9.1c-8.8 15.3-28.4 20.5-43.7 11.7s-20.5-28.4-11.7-43.8zm297.4 219.1c15.3-8.8 34.9-3.6 43.7 11.7l5.3 9.1c46.2 80-11.5 180-103.9 180h-74.6v32c0 9.7-5.8 18.5-14.8 22.2s-19.3 1.7-26.2-5.2l-64-64c-9.4-9.4-9.4-24.6 0-33.9l64-64c6.9-6.9 17.2-8.9 26.2-5.2s14.8 12.5 14.8 22.2v32h74.6c43.1 0 70.1-46.7 48.5-84l-5.3-9.1c-8.8-15.3-3.6-34.9 11.7-43.7zM115 299.4l-27.7-16c-8.4-4.9-13.1-14.3-11.8-23.9s8.2-17.5 17.6-20l87.4-23.5c12.8-3.4 26 4.2 29.4 17l23.4 87.4c2.5 9.4-.9 19.3-8.6 25.3s-18.2 6.6-26.6 1.7l-27.7-16l-37.3 64.6c-21.6 37.3 5.4 84 48.5 84h10.6c17.7 0 32 14.3 32 32s-14.3 32-32 32h-10.6c-92.3 0-150-100-103.8-180z"/></svg>
</template>

CSS

.icon-recycle {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M216.3%20124c46.2-80%20161.7-80%20207.9%200l37.3%2064.6l27.7-16c8.4-4.9%2018.9-4.2%2026.6%201.7s11.1%2015.9%208.6%2025.3L500.9%20287c-3.4%2012.8-16.6%2020.4-29.4%2017l-87.4-23.4c-9.4-2.5-16.3-10.4-17.6-20s3.4-19.1%2011.8-23.9l27.7-16l-37.3-64.6c-21.6-37.3-75.4-37.3-97%200l-5.3%209.1c-8.8%2015.3-28.4%2020.5-43.7%2011.7s-20.5-28.4-11.7-43.8zm297.4%20219.1c15.3-8.8%2034.9-3.6%2043.7%2011.7l5.3%209.1c46.2%2080-11.5%20180-103.9%20180h-74.6v32c0%209.7-5.8%2018.5-14.8%2022.2s-19.3%201.7-26.2-5.2l-64-64c-9.4-9.4-9.4-24.6%200-33.9l64-64c6.9-6.9%2017.2-8.9%2026.2-5.2s14.8%2012.5%2014.8%2022.2v32h74.6c43.1%200%2070.1-46.7%2048.5-84l-5.3-9.1c-8.8-15.3-3.6-34.9%2011.7-43.7zM115%20299.4l-27.7-16c-8.4-4.9-13.1-14.3-11.8-23.9s8.2-17.5%2017.6-20l87.4-23.5c12.8-3.4%2026%204.2%2029.4%2017l23.4%2087.4c2.5%209.4-.9%2019.3-8.6%2025.3s-18.2%206.6-26.6%201.7l-27.7-16l-37.3%2064.6c-21.6%2037.3%205.4%2084%2048.5%2084h10.6c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032h-10.6c-92.3%200-150-100-103.8-180z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M216.3%20124c46.2-80%20161.7-80%20207.9%200l37.3%2064.6l27.7-16c8.4-4.9%2018.9-4.2%2026.6%201.7s11.1%2015.9%208.6%2025.3L500.9%20287c-3.4%2012.8-16.6%2020.4-29.4%2017l-87.4-23.4c-9.4-2.5-16.3-10.4-17.6-20s3.4-19.1%2011.8-23.9l27.7-16l-37.3-64.6c-21.6-37.3-75.4-37.3-97%200l-5.3%209.1c-8.8%2015.3-28.4%2020.5-43.7%2011.7s-20.5-28.4-11.7-43.8zm297.4%20219.1c15.3-8.8%2034.9-3.6%2043.7%2011.7l5.3%209.1c46.2%2080-11.5%20180-103.9%20180h-74.6v32c0%209.7-5.8%2018.5-14.8%2022.2s-19.3%201.7-26.2-5.2l-64-64c-9.4-9.4-9.4-24.6%200-33.9l64-64c6.9-6.9%2017.2-8.9%2026.2-5.2s14.8%2012.5%2014.8%2022.2v32h74.6c43.1%200%2070.1-46.7%2048.5-84l-5.3-9.1c-8.8-15.3-3.6-34.9%2011.7-43.7zM115%20299.4l-27.7-16c-8.4-4.9-13.1-14.3-11.8-23.9s8.2-17.5%2017.6-20l87.4-23.5c12.8-3.4%2026%204.2%2029.4%2017l23.4%2087.4c2.5%209.4-.9%2019.3-8.6%2025.3s-18.2%206.6-26.6%201.7l-27.7-16l-37.3%2064.6c-21.6%2037.3%205.4%2084%2048.5%2084h10.6c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032h-10.6c-92.3%200-150-100-103.8-180z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/recycle.svg?color=%231a73e8&size=48