Icono Layers Duotone
reicon:layers-duotone
El icono Layers Duotone (reicon:layers-duotone) es un icono SVG gratuito de la colección Reicon. Está dibujado en una cuadrícula de 24 × 24. Reicon icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Reicon
- Autor
- REICON
- Licencia
- MIT
- Tamaño
- 24 × 24
- Categoría
- Herramientas
- Etiquetas
- layersduotone, layer
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M4.979 9.685C2.993 8.891 2 8.494 2 8s.993-.89 2.979-1.685l2.808-1.123C9.773 4.397 10.767 4 12 4s2.227.397 4.213 1.192l2.808 1.123C21.007 7.109 22 7.506 22 8s-.993.89-2.979 1.685l-2.808 1.124C14.227 11.603 13.233 12 12 12s-2.227-.397-4.213-1.191z"/><path fill-rule="evenodd" d="M2 8c0 .494.993.89 2.979 1.685l2.808 1.124C9.773 11.603 10.767 12 12 12s2.227-.397 4.213-1.191l2.808-1.124C21.007 8.891 22 8.494 22 8s-.993-.89-2.979-1.685l-2.808-1.123C14.227 4.397 13.233 4 12 4s-2.227.397-4.213 1.192L4.98 6.315C2.993 7.109 2 7.506 2 8" clip-rule="evenodd"/><path d="m5.766 10l-.787.315C2.993 11.109 2 11.507 2 12s.993.89 2.979 1.685l2.808 1.124C9.773 15.603 10.767 16 12 16s2.227-.397 4.213-1.191l2.808-1.124C21.007 12.891 22 12.493 22 12s-.993-.89-2.979-1.685L18.234 10l-2.021.809C14.227 11.603 13.233 12 12 12s-2.227-.397-4.213-1.191z" opacity=".7"/><path d="m5.766 14l-.787.315C2.993 15.109 2 15.507 2 16s.993.89 2.979 1.685l2.808 1.124C9.773 19.603 10.767 20 12 20s2.227-.397 4.213-1.192l2.808-1.123C21.007 16.891 22 16.494 22 16c0-.493-.993-.89-2.979-1.685L18.234 14l-2.021.809C14.227 15.603 13.233 16 12 16s-2.227-.397-4.213-1.191z" opacity=".4"/></g></svg>
Cómo usar el icono Layers Duotone
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:layers-duotone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:layers-duotone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:layers-duotone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--layers-duotone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:layers-duotone"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:layers-duotone"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/reicon/layers-duotone.svg" alt="Icono Layers Duotone" width="24" height="24">
Iconos relacionados en Reicon
El icono Layers Duotone en otras colecciones
Preguntas frecuentes sobre Icono Layers Duotone
¿El icono Layers Duotone es gratis para uso comercial?
Sí. Reicon icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Layers Duotone en React?
Instala @iconify/react y renderiza <Icon icon="reicon:layers-duotone" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Layers Duotone a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/reicon/layers-duotone.svg" alt="Icono Layers Duotone">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Reicon →
ICONYZ
