Icono Intlayer Light
thesvg-color:intlayer-light
El icono Intlayer Light (thesvg-color:intlayer-light) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 480 × 448. theSVG Color 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
- theSVG Color
- Autor
- thesvg.org
- Licencia
- MIT
- Tamaño
- 480 × 448
- Etiquetas
- intlayerlight
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="480" height="448" viewBox="0 0 480 448"><defs><path id="SVGx22VTcBv" d="M50 1C25.147 1 5 21.147 5 46s20.147 45 45 45h245c24.853 0 45-20.147 45-45S319.853 1 295 1zM5 221c0-24.853 20.147-45 45-45h380c24.853 0 45 20.147 45 45s-20.147 45-45 45H50c-24.853 0-45-20.147-45-45m0 173c0-24.853 20.147-45 45-45h180c24.853 0 45 20.147 45 45s-20.147 45-45 45H50c-24.853 0-45-20.147-45-45"/></defs><use href="#SVGx22VTcBv"/><use href="#SVGx22VTcBv"/><path d="M6 46C6 21.7 25.7 2 50 2V0C24.595 0 4 20.595 4 46zm44 44C25.7 90 6 70.3 6 46H4c0 25.405 20.595 46 46 46zm245 0H50v2h245zm44-44c0 24.3-19.699 44-44 44v2c25.405 0 46-20.595 46-46zM295 2c24.301 0 44 19.7 44 44h2c0-25.405-20.595-46-46-46zM50 2h245V0H50zm0 173c-25.405 0-46 20.595-46 46h2c0-24.301 19.7-44 44-44zm380 0H50v2h380zm46 46c0-25.405-20.595-46-46-46v2c24.301 0 44 19.699 44 44zm-46 46c25.405 0 46-20.595 46-46h-2c0 24.301-19.699 44-44 44zm-380 0h380v-2H50zM4 221c0 25.405 20.595 46 46 46v-2c-24.3 0-44-19.699-44-44zm46 127c-25.405 0-46 20.595-46 46h2c0-24.301 19.7-44 44-44zm180 0H50v2h180zm46 46c0-25.405-20.595-46-46-46v2c24.301 0 44 19.699 44 44zm-46 46c25.405 0 46-20.595 46-46h-2c0 24.3-19.699 44-44 44zm-180 0h180v-2H50zM4 394c0 25.405 20.595 46 46 46v-2c-24.3 0-44-19.7-44-44z"/></svg>Cómo usar el icono Intlayer Light
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:intlayer-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:intlayer-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:intlayer-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--intlayer-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:intlayer-light"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:intlayer-light"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/intlayer-light.svg" alt="Icono Intlayer Light" width="24" height="24">Iconos relacionados en theSVG Color
Preguntas frecuentes sobre Icono Intlayer Light
¿El icono Intlayer Light es gratis para uso comercial?
Sí. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Intlayer Light en React?
Instala @iconify/react y renderiza <Icon icon="thesvg-color:intlayer-light" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Intlayer Light a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg-color/intlayer-light.svg" alt="Icono Intlayer Light">, o pega el código SVG en línea para darle estilo con CSS.