Icono Recycle
fa-solid:recycle
El icono Recycle (fa-solid:recycle) es un icono SVG gratuito de la colección Font Awesome 5 Solid de Dave Gandy. Está dibujado en una cuadrícula de 512 × 512. Font Awesome 5 Solid icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Font Awesome 5 Solid
- Autor
- Dave Gandy
- Licencia
- CC-BY-4.0
- Tamaño
- 512 × 512
- Categoría
- Mapas, Flechas
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M184.561 261.903c3.232 13.997-12.123 24.635-24.068 17.168l-40.736-25.455l-50.867 81.402C55.606 356.273 70.96 384 96.012 384H148c6.627 0 12 5.373 12 12v40c0 6.627-5.373 12-12 12H96.115c-75.334 0-121.302-83.048-81.408-146.88l50.822-81.388l-40.725-25.448c-12.081-7.547-8.966-25.961 4.879-29.158l110.237-25.45c8.611-1.988 17.201 3.381 19.189 11.99zm98.561-182.915l41.289 66.076l-40.74 25.457c-12.051 7.528-9 25.953 4.879 29.158l110.237 25.45c8.672 1.999 17.215-3.438 19.189-11.99l25.45-110.237c3.197-13.844-11.99-24.719-24.068-17.168l-40.687 25.424l-41.263-66.082c-37.521-60.033-125.209-60.171-162.816 0l-17.963 28.766c-3.51 5.62-1.8 13.021 3.82 16.533l33.919 21.195c5.62 3.512 13.024 1.803 16.536-3.817l17.961-28.743c12.712-20.341 41.973-19.676 54.257-.022M497.288 301.12l-27.515-44.065c-3.511-5.623-10.916-7.334-16.538-3.821l-33.861 21.159c-5.62 3.512-7.33 10.915-3.818 16.536l27.564 44.112c13.257 21.211-2.057 48.96-27.136 48.96H320V336.02c0-14.213-17.242-21.383-27.313-11.313l-80 79.981c-6.249 6.248-6.249 16.379 0 22.627l80 79.989C302.689 517.308 320 510.3 320 495.989V448h95.88c75.274 0 121.335-82.997 81.408-146.88"/></svg>
Cómo usar el icono Recycle
React
import { Icon } from "@iconify/react";
<Icon icon="fa-solid:recycle" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa-solid:recycle" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa-solid:recycle" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa-solid--recycle]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa-solid -->
<div class="i-fa-solid:recycle"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa-solid:recycle"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/fa-solid/recycle.svg" alt="Icono Recycle" width="24" height="24">
El icono Recycle en otras colecciones
Preguntas frecuentes sobre Icono Recycle
¿El icono Recycle es gratis para uso comercial?
Sí. Font Awesome 5 Solid icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Recycle en React?
Instala @iconify/react y renderiza <Icon icon="fa-solid:recycle" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Recycle a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fa-solid/recycle.svg" alt="Icono Recycle">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Font Awesome 5 Solid →
ICONYZ
