Icono Trash
ls:trash
El icono Trash (ls:trash) es un icono SVG gratuito de la colección Ligature Symbols de Kazuyuki Motoyama. Está dibujado en una cuadrícula de 572 × 717. 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
- 572 × 717
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="572" height="717" viewBox="0 0 572 717"><path fill="currentColor" d="M441 99h99c18 0 32 14 32 32v23c0 15-11 29-25 32v475c0 31-26 56-58 56H83c-32 0-57-25-57-56V186c-14-3-26-17-26-32v-23c0-18 15-32 33-32h98V57c0-31 25-57 57-57h196c32 0 57 26 57 57zm-57-49H188c-5 0-8 3-8 7v42h212V57c0-4-3-7-8-7M99 653h375c4 0 7-5 7-9V187H91v457c0 4 3 9 8 9m77-37h-6c-18 0-33-15-33-33V256c0-17 15-31 33-31h6c17 0 32 14 32 31v327c0 18-15 33-32 33m113 0h-5c-18 0-33-15-33-33V256c0-17 15-31 33-31h5c18 0 33 14 33 31v327c0 18-15 33-33 33m113 0h-5c-18 0-32-15-32-33V256c0-17 14-31 32-31h5c18 0 33 14 33 31v327c0 18-15 33-33 33"/></svg>
Cómo usar el icono Trash
React
import { Icon } from "@iconify/react";
<Icon icon="ls:trash" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:trash" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:trash" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--trash]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:trash"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:trash"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/ls/trash.svg" alt="Icono Trash" width="24" height="24">
El icono Trash en otras colecciones
Preguntas frecuentes sobre Icono Trash
¿El icono Trash 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 Trash en React?
Instala @iconify/react y renderiza <Icon icon="ls:trash" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Trash a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/ls/trash.svg" alt="Icono Trash">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Ligature Symbols →
ICONYZ
