recycle icon

recycle-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name: recycle-light
Set: Phosphor
Style: Light
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

recycle recycle-bold recycle-duotone recycle-fill recycle-thin

The same icon in other sets

recycleBootstrap Icons recycleBoxIcons v2 recycleCarbon recycleFont Awesome 6 Solid recycleFont Awesome Solid recycle-20-filledFluent UI System Icons recycleLine Awesome recycleLucide recycleMaterial Design Icons recycle-fillMingCute Icon recyclePixelarticons recycle-fillRemix Icon recycleTabler Icons

Use the recycle icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M94 208a6 6 0 0 1-6 6H40a22 22 0 0 1-19-33l36.71-63.44l-18.76 5a6 6 0 0 1-3.1-11.6l32.77-8.77a6 6 0 0 1 7.38 4.26l8.8 32.76a6 6 0 0 1-4.24 7.35a6 6 0 0 1-1.56.21a6 6 0 0 1-5.79-4.45l-5-18.8L31.38 187A10 10 0 0 0 40 202h48a6 6 0 0 1 6 6m141-27l-23.14-40a6 6 0 0 0-10.38 6l23.14 40a10 10 0 0 1-8.62 15h-73.52l13.76-13.76a6 6 0 0 0-8.48-8.48l-24 24a6 6 0 0 0 0 8.48l24 24a6 6 0 0 0 8.48-8.48L142.48 214H216a22 22 0 0 0 19-33M136.65 35l36.72 63.44l-18.76-5A6 6 0 0 0 151.5 105l32.78 8.79a6 6 0 0 0 7.34-4.25l8.79-32.78a6 6 0 1 0-11.58-3.11l-5.05 18.82L147 29a22 22 0 0 0-38 0L85.8 69a6 6 0 0 0 10.39 6l23.16-40a10 10 0 0 1 17.3 0"/></svg>

React

import type { SVGProps } from "react";

export function PhRecycleLight(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M94 208a6 6 0 0 1-6 6H40a22 22 0 0 1-19-33l36.71-63.44l-18.76 5a6 6 0 0 1-3.1-11.6l32.77-8.77a6 6 0 0 1 7.38 4.26l8.8 32.76a6 6 0 0 1-4.24 7.35a6 6 0 0 1-1.56.21a6 6 0 0 1-5.79-4.45l-5-18.8L31.38 187A10 10 0 0 0 40 202h48a6 6 0 0 1 6 6m141-27l-23.14-40a6 6 0 0 0-10.38 6l23.14 40a10 10 0 0 1-8.62 15h-73.52l13.76-13.76a6 6 0 0 0-8.48-8.48l-24 24a6 6 0 0 0 0 8.48l24 24a6 6 0 0 0 8.48-8.48L142.48 214H216a22 22 0 0 0 19-33M136.65 35l36.72 63.44l-18.76-5A6 6 0 0 0 151.5 105l32.78 8.79a6 6 0 0 0 7.34-4.25l8.79-32.78a6 6 0 1 0-11.58-3.11l-5.05 18.82L147 29a22 22 0 0 0-38 0L85.8 69a6 6 0 0 0 10.39 6l23.16-40a10 10 0 0 1 17.3 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M94 208a6 6 0 0 1-6 6H40a22 22 0 0 1-19-33l36.71-63.44l-18.76 5a6 6 0 0 1-3.1-11.6l32.77-8.77a6 6 0 0 1 7.38 4.26l8.8 32.76a6 6 0 0 1-4.24 7.35a6 6 0 0 1-1.56.21a6 6 0 0 1-5.79-4.45l-5-18.8L31.38 187A10 10 0 0 0 40 202h48a6 6 0 0 1 6 6m141-27l-23.14-40a6 6 0 0 0-10.38 6l23.14 40a10 10 0 0 1-8.62 15h-73.52l13.76-13.76a6 6 0 0 0-8.48-8.48l-24 24a6 6 0 0 0 0 8.48l24 24a6 6 0 0 0 8.48-8.48L142.48 214H216a22 22 0 0 0 19-33M136.65 35l36.72 63.44l-18.76-5A6 6 0 0 0 151.5 105l32.78 8.79a6 6 0 0 0 7.34-4.25l8.79-32.78a6 6 0 1 0-11.58-3.11l-5.05 18.82L147 29a22 22 0 0 0-38 0L85.8 69a6 6 0 0 0 10.39 6l23.16-40a10 10 0 0 1 17.3 0"/></svg>
</template>

CSS

.icon-recycle-light {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M94%20208a6%206%200%200%201-6%206H40a22%2022%200%200%201-19-33l36.71-63.44l-18.76%205a6%206%200%200%201-3.1-11.6l32.77-8.77a6%206%200%200%201%207.38%204.26l8.8%2032.76a6%206%200%200%201-4.24%207.35a6%206%200%200%201-1.56.21a6%206%200%200%201-5.79-4.45l-5-18.8L31.38%20187A10%2010%200%200%200%2040%20202h48a6%206%200%200%201%206%206m141-27l-23.14-40a6%206%200%200%200-10.38%206l23.14%2040a10%2010%200%200%201-8.62%2015h-73.52l13.76-13.76a6%206%200%200%200-8.48-8.48l-24%2024a6%206%200%200%200%200%208.48l24%2024a6%206%200%200%200%208.48-8.48L142.48%20214H216a22%2022%200%200%200%2019-33M136.65%2035l36.72%2063.44l-18.76-5A6%206%200%200%200%20151.5%20105l32.78%208.79a6%206%200%200%200%207.34-4.25l8.79-32.78a6%206%200%201%200-11.58-3.11l-5.05%2018.82L147%2029a22%2022%200%200%200-38%200L85.8%2069a6%206%200%200%200%2010.39%206l23.16-40a10%2010%200%200%201%2017.3%200%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M94%20208a6%206%200%200%201-6%206H40a22%2022%200%200%201-19-33l36.71-63.44l-18.76%205a6%206%200%200%201-3.1-11.6l32.77-8.77a6%206%200%200%201%207.38%204.26l8.8%2032.76a6%206%200%200%201-4.24%207.35a6%206%200%200%201-1.56.21a6%206%200%200%201-5.79-4.45l-5-18.8L31.38%20187A10%2010%200%200%200%2040%20202h48a6%206%200%200%201%206%206m141-27l-23.14-40a6%206%200%200%200-10.38%206l23.14%2040a10%2010%200%200%201-8.62%2015h-73.52l13.76-13.76a6%206%200%200%200-8.48-8.48l-24%2024a6%206%200%200%200%200%208.48l24%2024a6%206%200%200%200%208.48-8.48L142.48%20214H216a22%2022%200%200%200%2019-33M136.65%2035l36.72%2063.44l-18.76-5A6%206%200%200%200%20151.5%20105l32.78%208.79a6%206%200%200%200%207.34-4.25l8.79-32.78a6%206%200%201%200-11.58-3.11l-5.05%2018.82L147%2029a22%2022%200%200%200-38%200L85.8%2069a6%206%200%200%200%2010.39%206l23.16-40a10%2010%200%200%201%2017.3%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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