recycle icon
recycle-sharp from Keyline Icons by Keyline Icons · Sharp · MIT Free for personal and commercial use.
- Name
- recycle-sharp
- Set
- Keyline Icons
- Style
- Sharp
- 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-linejoin="round" stroke-width="2" d="M7.1906 7.9945L9.7855 3.5C10.9402 1.5 13.827 1.5 14.9817 3.5L17.2879 7.4945M13.0674 6.3636L17.2879 7.4945L18.4187 3.274M18.9992 10.4586L21.5941 14.953C22.7488 16.953 21.3054 19.453 18.996 19.453L14.3836 19.453M17.2235 16.6131L14.3836 19.453L17.2235 22.2929M11.3836 19.453L5.7712 19.453C3.4618 19.453 2.0184 16.953 3.1731 14.953L5.4793 10.9586M6.6102 15.179L5.4793 10.9586L1.2588 12.0894"/></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsRecycleSharp(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" strokeLinejoin="round" strokeWidth="2" d="M7.1906 7.9945L9.7855 3.5C10.9402 1.5 13.827 1.5 14.9817 3.5L17.2879 7.4945M13.0674 6.3636L17.2879 7.4945L18.4187 3.274M18.9992 10.4586L21.5941 14.953C22.7488 16.953 21.3054 19.453 18.996 19.453L14.3836 19.453M17.2235 16.6131L14.3836 19.453L17.2235 22.2929M11.3836 19.453L5.7712 19.453C3.4618 19.453 2.0184 16.953 3.1731 14.953L5.4793 10.9586M6.6102 15.179L5.4793 10.9586L1.2588 12.0894"/></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-linejoin="round" stroke-width="2" d="M7.1906 7.9945L9.7855 3.5C10.9402 1.5 13.827 1.5 14.9817 3.5L17.2879 7.4945M13.0674 6.3636L17.2879 7.4945L18.4187 3.274M18.9992 10.4586L21.5941 14.953C22.7488 16.953 21.3054 19.453 18.996 19.453L14.3836 19.453M17.2235 16.6131L14.3836 19.453L17.2235 22.2929M11.3836 19.453L5.7712 19.453C3.4618 19.453 2.0184 16.953 3.1731 14.953L5.4793 10.9586M6.6102 15.179L5.4793 10.9586L1.2588 12.0894"/></svg> </template>
CSS
.icon-recycle-sharp {
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-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M7.1906%207.9945L9.7855%203.5C10.9402%201.5%2013.827%201.5%2014.9817%203.5L17.2879%207.4945M13.0674%206.3636L17.2879%207.4945L18.4187%203.274M18.9992%2010.4586L21.5941%2014.953C22.7488%2016.953%2021.3054%2019.453%2018.996%2019.453L14.3836%2019.453M17.2235%2016.6131L14.3836%2019.453L17.2235%2022.2929M11.3836%2019.453L5.7712%2019.453C3.4618%2019.453%202.0184%2016.953%203.1731%2014.953L5.4793%2010.9586M6.6102%2015.179L5.4793%2010.9586L1.2588%2012.0894%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-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M7.1906%207.9945L9.7855%203.5C10.9402%201.5%2013.827%201.5%2014.9817%203.5L17.2879%207.4945M13.0674%206.3636L17.2879%207.4945L18.4187%203.274M18.9992%2010.4586L21.5941%2014.953C22.7488%2016.953%2021.3054%2019.453%2018.996%2019.453L14.3836%2019.453M17.2235%2016.6131L14.3836%2019.453L17.2235%2022.2929M11.3836%2019.453L5.7712%2019.453C3.4618%2019.453%202.0184%2016.953%203.1731%2014.953L5.4793%2010.9586M6.6102%2015.179L5.4793%2010.9586L1.2588%2012.0894%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/recycle-sharp.svg?color=%231a73e8&size=48
