recycle icon

recycle from Line Awesome by Icons8 · Line · Maps · Apache-2.0 Free for personal and commercial use.

Name: recycle
Set: Line Awesome
Style: Line
Category: Maps
Viewbox: 32×32
License: Apache 2.0
Aliases: recycle-solid

The same icon in other sets

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

More maps icons from Line Awesome

directions dollar-sign draw-polygon h-square landmark layer-group location-arrow low-vision phone-square phone-square-alt phone-volume search-minus search-plus shoe-prints traffic-light tty

Use the recycle icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 3.969a3.27 3.27 0 0 0-2.75 1.5l-2.813 4.625l1.72 1.031l2.812-4.594c.539-.804 1.562-.824 2.094 0l3.125 5l-1.5.875L23.313 15V9.687l-1.438.844L18.75 5.47A3.27 3.27 0 0 0 16 3.97zm-5.594 8.125l-4.5 2.594l1.25.75l-2.562 4.218l-.032-.031c-.011.02.012.043 0 .063C3.09 21.918 4.79 25 7.5 25H13v-2H7.5c-1.266 0-1.945-1.25-1.281-2.219l.031-.031v-.031l2.625-4.25l1.531.937zm14.656 3.562l-1.718 1.063l2.5 4c.64 1.09-.086 2.281-1.25 2.281H19v-2l-4.906 3L19 27v-2h5.594c2.636 0 4.328-3 2.968-5.313v-.03z"/></svg>

React

import type { SVGProps } from "react";

export function LaRecycle(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 3.969a3.27 3.27 0 0 0-2.75 1.5l-2.813 4.625l1.72 1.031l2.812-4.594c.539-.804 1.562-.824 2.094 0l3.125 5l-1.5.875L23.313 15V9.687l-1.438.844L18.75 5.47A3.27 3.27 0 0 0 16 3.97zm-5.594 8.125l-4.5 2.594l1.25.75l-2.562 4.218l-.032-.031c-.011.02.012.043 0 .063C3.09 21.918 4.79 25 7.5 25H13v-2H7.5c-1.266 0-1.945-1.25-1.281-2.219l.031-.031v-.031l2.625-4.25l1.531.937zm14.656 3.562l-1.718 1.063l2.5 4c.64 1.09-.086 2.281-1.25 2.281H19v-2l-4.906 3L19 27v-2h5.594c2.636 0 4.328-3 2.968-5.313v-.03z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 3.969a3.27 3.27 0 0 0-2.75 1.5l-2.813 4.625l1.72 1.031l2.812-4.594c.539-.804 1.562-.824 2.094 0l3.125 5l-1.5.875L23.313 15V9.687l-1.438.844L18.75 5.47A3.27 3.27 0 0 0 16 3.97zm-5.594 8.125l-4.5 2.594l1.25.75l-2.562 4.218l-.032-.031c-.011.02.012.043 0 .063C3.09 21.918 4.79 25 7.5 25H13v-2H7.5c-1.266 0-1.945-1.25-1.281-2.219l.031-.031v-.031l2.625-4.25l1.531.937zm14.656 3.562l-1.718 1.063l2.5 4c.64 1.09-.086 2.281-1.25 2.281H19v-2l-4.906 3L19 27v-2h5.594c2.636 0 4.328-3 2.968-5.313v-.03z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%203.969a3.27%203.27%200%200%200-2.75%201.5l-2.813%204.625l1.72%201.031l2.812-4.594c.539-.804%201.562-.824%202.094%200l3.125%205l-1.5.875L23.313%2015V9.687l-1.438.844L18.75%205.47A3.27%203.27%200%200%200%2016%203.97zm-5.594%208.125l-4.5%202.594l1.25.75l-2.562%204.218l-.032-.031c-.011.02.012.043%200%20.063C3.09%2021.918%204.79%2025%207.5%2025H13v-2H7.5c-1.266%200-1.945-1.25-1.281-2.219l.031-.031v-.031l2.625-4.25l1.531.937zm14.656%203.562l-1.718%201.063l2.5%204c.64%201.09-.086%202.281-1.25%202.281H19v-2l-4.906%203L19%2027v-2h5.594c2.636%200%204.328-3%202.968-5.313v-.03z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%203.969a3.27%203.27%200%200%200-2.75%201.5l-2.813%204.625l1.72%201.031l2.812-4.594c.539-.804%201.562-.824%202.094%200l3.125%205l-1.5.875L23.313%2015V9.687l-1.438.844L18.75%205.47A3.27%203.27%200%200%200%2016%203.97zm-5.594%208.125l-4.5%202.594l1.25.75l-2.562%204.218l-.032-.031c-.011.02.012.043%200%20.063C3.09%2021.918%204.79%2025%207.5%2025H13v-2H7.5c-1.266%200-1.945-1.25-1.281-2.219l.031-.031v-.031l2.625-4.25l1.531.937zm14.656%203.562l-1.718%201.063l2.5%204c.64%201.09-.086%202.281-1.25%202.281H19v-2l-4.906%203L19%2027v-2h5.594c2.636%200%204.328-3%202.968-5.313v-.03z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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