Icono List
ls:list
El icono List (ls:list) es un icono SVG gratuito de la colección Ligature Symbols de Kazuyuki Motoyama. Está dibujado en una cuadrícula de 768 × 640. Ligature Symbols icons se publican bajo la Open Font License, 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
- Ligature Symbols
- Autor
- Kazuyuki Motoyama
- Licencia
- OFL-1.1
- Tamaño
- 768 × 640
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="768" height="640" viewBox="0 0 768 640"><path fill="currentColor" d="M129 118c0-36-28-64-64-64S0 82 0 118s29 65 65 65s64-29 64-65m75 53h564V67H204zm-75 176c0-36-28-65-64-65S0 311 0 347s29 64 65 64s64-28 64-64m75 52h564V295H204zm-75 176c0-36-28-64-64-64S0 539 0 575s29 65 65 65s64-29 64-65m75 51h564V523H204z"/></svg>
Cómo usar el icono List
React
import { Icon } from "@iconify/react";
<Icon icon="ls:list" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:list" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:list" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--list]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:list"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:list"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/ls/list.svg" alt="Icono List" width="24" height="24">
El icono List en otras colecciones
Preguntas frecuentes sobre Icono List
¿El icono List es gratis para uso comercial?
Sí. Ligature Symbols icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono List en React?
Instala @iconify/react y renderiza <Icon icon="ls:list" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono List a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/ls/list.svg" alt="Icono List">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Ligature Symbols →
ICONYZ
