Ícone Recycle
fontisto:recycle
O ícone Recycle (fontisto:recycle) é um ícone SVG gratuito da coleção Fontisto de Kenan Gündoğan. Ele é desenhado em uma grade de 25 × 24. Fontisto icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Fontisto
- Autor
- Kenan Gündoğan
- Licença
- MIT
- Tamanho
- 25 × 24
- Categoria
- Interfaces
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24"><path fill="currentColor" d="m11.538 16.444l-.211 5.178l-.028.31l-5.91-.408a1.58 1.58 0 0 1-.943-.443a2.7 2.7 0 0 1-.654-.905l-.007-.017a3 3 0 0 1-.202-.759l-.002-.015a2.9 2.9 0 0 1 .06-.934l-.004.019q.106-.521.165-.774c.102-.368.205-.667.324-.959l-.021.059q.239-.647.267-.743q1.099.167 7.164.392zM6.091 8.199l2.533 5.333l-2.068-1.294a20 20 0 0 0-1.524 1.964l-.044.069c-.352.503-.692 1.08-.986 1.682l-.034.077q-.338.743-.555 1.33a4.6 4.6 0 0 0-.255.856l-.005.031l-.056.295l-2.673-5.023a1.5 1.5 0 0 1-.253-.786v-.003a1.6 1.6 0 0 1 .086-.672l-.003.012l.112-.253q.495-.886 1.604-2.641L.003 7.961zm17.32 7.275l-2.641 5.051a1.5 1.5 0 0 1-.509.652l-.004.003a1.5 1.5 0 0 1-.602.286l-.01.002l-.253.056q-.999.098-3.081.165L16.423 24l-3.236-5.164l2.971-5.094l.098 2.434a22 22 0 0 0 4.055.066l-.074.005a9.6 9.6 0 0 0 2.462-.485l-.068.02zM12.369 2.472q-.66.886-3.729 6.121L4.183 5.962l-.267-.165L7.082.788c.2-.298.49-.521.831-.632l.011-.003A2.5 2.5 0 0 1 9.061.014L9.05.013q.376.035.698.171L9.733.178c.227.092.419.192.601.306l-.016-.009c.218.146.409.299.585.466l-.002-.002q.338.31.507.485t.507.555q.341.38.454.493m9.216 4.319l2.983 5.108a1.8 1.8 0 0 1 .175 1.083l.001-.01a2.6 2.6 0 0 1-.393 1.052l.006-.01a2.4 2.4 0 0 1-.461.518l-.004.003a4 4 0 0 1-.517.383l-.018.01c-.194.115-.42.219-.656.301l-.027.008q-.429.155-.66.225t-.725.197l-.647.165q-.479-1.013-3.729-6.135l4.404-2.744zm-2.012-3.18l1.998-1.168l-3.095 5.249l-5.897-.281l2.125-1.21a20 20 0 0 0-1.109-2.443l.054.11a14 14 0 0 0-1.091-1.779l.028.041q-.485-.655-.908-1.126a6 6 0 0 0-.652-.648l-.008-.007l-.239-.183l5.695.014a1.47 1.47 0 0 1 .825.152l-.008-.004q.325.149.55.401l.001.002l.155.211q.549.854 1.576 2.669"/></svg>
Como usar o ícone Recycle
React
import { Icon } from "@iconify/react";
<Icon icon="fontisto:recycle" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fontisto:recycle" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fontisto:recycle" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fontisto--recycle]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fontisto -->
<div class="i-fontisto:recycle"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fontisto:recycle"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/fontisto/recycle.svg" alt="Ícone Recycle" width="24" height="24">
O ícone Recycle em outras coleções
Perguntas frequentes sobre Ícone Recycle
O ícone Recycle é grátis para uso comercial?
Sim. Fontisto icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Recycle no React?
Instale @iconify/react e renderize <Icon icon="fontisto:recycle" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Recycle a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fontisto/recycle.svg" alt="Ícone Recycle">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Fontisto →
ICONYZ
