recycle icon
recycle from Keyline Icons by Keyline Icons · Stroke · MIT Free for personal and commercial use.
- Name
- recycle
- Set
- Keyline Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
recycleBootstrap IconsrecycleBoxIcons v2recycleCarbonrecycleFont Awesome 6 SolidrecycleFont Awesome Solidrecycle-20-filledFluent UI System IconsrecycleLine AwesomerecycleLuciderecycleMaterial Design Iconsrecycle-fillMingCute IconrecyclePhosphorrecyclePixelarticonsrecycle-fillRemix IconrecycleTabler Icons
Use the recycle icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7.4793 7.4945L9.7855 3.5C10.9402 1.5 13.827 1.5 14.9817 3.5L17.2879 7.4945M13.8086 6.5622L17.2879 7.4945L18.2201 4.0152M19.2879 10.9586L21.5941 14.953C22.7488 16.953 21.3054 19.453 18.996 19.453L14.3836 19.453M16.9306 16.906L14.3836 19.453L16.9306 22M10.3836 19.453L5.7712 19.453C3.4618 19.453 2.0184 16.953 3.1731 14.953L5.4793 10.9586M6.4116 14.4378L5.4793 10.9586L2 11.8908"/></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsRecycle(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M7.4793 7.4945L9.7855 3.5C10.9402 1.5 13.827 1.5 14.9817 3.5L17.2879 7.4945M13.8086 6.5622L17.2879 7.4945L18.2201 4.0152M19.2879 10.9586L21.5941 14.953C22.7488 16.953 21.3054 19.453 18.996 19.453L14.3836 19.453M16.9306 16.906L14.3836 19.453L16.9306 22M10.3836 19.453L5.7712 19.453C3.4618 19.453 2.0184 16.953 3.1731 14.953L5.4793 10.9586M6.4116 14.4378L5.4793 10.9586L2 11.8908"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7.4793 7.4945L9.7855 3.5C10.9402 1.5 13.827 1.5 14.9817 3.5L17.2879 7.4945M13.8086 6.5622L17.2879 7.4945L18.2201 4.0152M19.2879 10.9586L21.5941 14.953C22.7488 16.953 21.3054 19.453 18.996 19.453L14.3836 19.453M16.9306 16.906L14.3836 19.453L16.9306 22M10.3836 19.453L5.7712 19.453C3.4618 19.453 2.0184 16.953 3.1731 14.953L5.4793 10.9586M6.4116 14.4378L5.4793 10.9586L2 11.8908"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M7.4793%207.4945L9.7855%203.5C10.9402%201.5%2013.827%201.5%2014.9817%203.5L17.2879%207.4945M13.8086%206.5622L17.2879%207.4945L18.2201%204.0152M19.2879%2010.9586L21.5941%2014.953C22.7488%2016.953%2021.3054%2019.453%2018.996%2019.453L14.3836%2019.453M16.9306%2016.906L14.3836%2019.453L16.9306%2022M10.3836%2019.453L5.7712%2019.453C3.4618%2019.453%202.0184%2016.953%203.1731%2014.953L5.4793%2010.9586M6.4116%2014.4378L5.4793%2010.9586L2%2011.8908%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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M7.4793%207.4945L9.7855%203.5C10.9402%201.5%2013.827%201.5%2014.9817%203.5L17.2879%207.4945M13.8086%206.5622L17.2879%207.4945L18.2201%204.0152M19.2879%2010.9586L21.5941%2014.953C22.7488%2016.953%2021.3054%2019.453%2018.996%2019.453L14.3836%2019.453M16.9306%2016.906L14.3836%2019.453L16.9306%2022M10.3836%2019.453L5.7712%2019.453C3.4618%2019.453%202.0184%2016.953%203.1731%2014.953L5.4793%2010.9586M6.4116%2014.4378L5.4793%2010.9586L2%2011.8908%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/recycle.svg?color=%231a73e8&size=48
