Icono List Alt
el:list-alt
El icono List Alt (el:list-alt) es un icono SVG gratuito de la colección Elusive Icons de Team Redux. Está dibujado en una cuadrícula de 1200 × 1200. Elusive 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
- Elusive Icons
- Autor
- Team Redux
- Licencia
- OFL-1.1
- Tamaño
- 1200 × 1200
- Etiquetas
- listalt
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M600 0c-65.168 0-115.356 54.372-115.356 119.385c0 62.619-.439 117.407-.439 117.407h-115.87c-2.181 0-4.291.241-6.372.586h-32.227v112.573h540.527V237.378h-32.227c-2.081-.345-4.191-.586-6.372-.586H715.796s1.318-49.596 1.318-117.041C717.114 57.131 665.168 0 600 0M175.195 114.185V1200h849.609V114.185H755.64v78.662h191.382v928.345h-693.97V192.847H444.36v-78.662zM600 115.649c21.35 0 38.599 17.18 38.599 38.452c0 21.311-17.249 38.525-38.599 38.525s-38.599-17.215-38.599-38.525c0-21.271 17.249-38.452 38.599-38.452M329.736 426.27v38.525h38.599V426.27zm115.869.732v38.525h424.658v-38.525zm-115.869 144.58v38.525h38.599v-38.525zm115.869.732v38.599h424.658v-38.599zM329.736 716.895v38.525h38.599v-38.525zm115.869.805v38.525h424.658V717.7zM329.736 862.28v38.525h38.599V862.28zm115.869.806v38.525h424.658v-38.525zm-115.869 144.507v38.525h38.599v-38.525zm115.869.805v38.525h424.658v-38.525z"/></svg>Cómo usar el icono List Alt
React
import { Icon } from "@iconify/react";
<Icon icon="el:list-alt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="el:list-alt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="el:list-alt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[el--list-alt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:list-alt"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="el:list-alt"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/el/list-alt.svg" alt="Icono List Alt" width="24" height="24">Iconos relacionados en Elusive Icons
El icono List Alt en otras colecciones
Preguntas frecuentes sobre Icono List Alt
¿El icono List Alt es gratis para uso comercial?
Sí. Elusive Icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono List Alt en React?
Instala @iconify/react y renderiza <Icon icon="el:list-alt" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono List Alt a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/el/list-alt.svg" alt="Icono List Alt">, o pega el código SVG en línea para darle estilo con CSS.