Icono Line Style
cil:line-style
El icono Line Style (cil:line-style) es un icono SVG gratuito de la colección CoreUI Free de creativeLabs Łukasz Holeczek. Está dibujado en una cuadrícula de 512 × 512. CoreUI Free 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
- CoreUI Free
- Autor
- creativeLabs Łukasz Holeczek
- Licencia
- CC-BY-4.0
- Tamaño
- 512 × 512
- Etiquetas
- linestyle
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M16 120h480V16H16Zm32-72h416v40H48Zm192 96H16v96h224Zm-32 64H48v-32h160Zm64 32h224v-96H272Zm32-64h160v32H304Zm-152 96H16v88h136Zm-32 56H48v-24h72Zm72 32h128v-88H192Zm32-56h64v24h-64Zm136 56h136v-88H360Zm32-56h72v24h-72ZM121.442 443.278A52.721 52.721 0 1 0 68.722 496a52.78 52.78 0 0 0 52.72-52.722m-73.442 0A20.721 20.721 0 1 1 68.722 464A20.745 20.745 0 0 1 48 443.278m92.853 0a52.721 52.721 0 1 0 52.721-52.72a52.78 52.78 0 0 0-52.721 52.72m73.442 0a20.721 20.721 0 1 1-20.721-20.72a20.745 20.745 0 0 1 20.726 20.72Zm51.41 0a52.721 52.721 0 1 0 52.721-52.72a52.78 52.78 0 0 0-52.721 52.72m73.442 0a20.721 20.721 0 1 1-20.721-20.72a20.745 20.745 0 0 1 20.721 20.72m104.131-52.72A52.721 52.721 0 1 0 496 443.278a52.78 52.78 0 0 0-52.722-52.72m0 73.442A20.721 20.721 0 1 1 464 443.278A20.745 20.745 0 0 1 443.278 464"/></svg>
Cómo usar el icono Line Style
React
import { Icon } from "@iconify/react";
<Icon icon="cil:line-style" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cil:line-style" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cil:line-style" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cil--line-style]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cil -->
<div class="i-cil:line-style"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cil:line-style"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/cil/line-style.svg" alt="Icono Line Style" width="24" height="24">
Iconos relacionados en CoreUI Free
El icono Line Style en otras colecciones
Preguntas frecuentes sobre Icono Line Style
¿El icono Line Style es gratis para uso comercial?
Sí. CoreUI Free 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 Line Style en React?
Instala @iconify/react y renderiza <Icon icon="cil:line-style" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Line Style a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/cil/line-style.svg" alt="Icono Line Style">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos CoreUI Free →
ICONYZ
