devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt

Iconos de papelera gratis (SVG)

47 iconos de papelera gratis de conjuntos de código abierto: haz clic en uno para cambiar su tamaño, color y trazo, y cópialo como SVG, JSX, URI de datos o CSS.

Actualizado el

trash
Lucidetrash
Tablertrash
Heroiconstrash
Phosphortrash
Bootstrap Iconstrash
Iconoirrestore-from-trash
Material Symbolstrash
Material Design Iconstrash-can
Carbontrash-off
Lucidetrash-filled
Tablertrash-16-solid
Heroiconstrash-bold
Phosphortrash-fill
Bootstrap Iconstrash-solid
Iconoirrestore-from-trash-outline
Material Symbolstrash-outline
Material Design Iconstrash-x
Tablertrash-20-solid
Heroiconstrash-duotone
Phosphortrash2
Bootstrap Iconsrestore-from-trash-outline-rounded
Material Symbolstrash-can
Material Design Iconstrash-x-filled
Tablertrash-solid
Heroiconstrash-fill
Phosphortrash2-fill
Bootstrap Iconsrestore-from-trash-outline-sharp
Material Symbolstrash-can-outline
Material Design Iconstrash-off
Tablertrash-light
Phosphortrash3
Bootstrap Iconsrestore-from-trash-rounded
Material Symbolstrash-variant
Material Design Iconstrash-thin
Phosphortrash3-fill
Bootstrap Iconsrestore-from-trash-sharp
Material Symbolstrash-can-empty
Material Design Iconstrash-simple
Phosphortrash-can-circle
Material Design Iconstrash-simple-bold
Phosphortrash-can-circle-outline
Material Design Iconstrash-simple-duotone
Phosphorrestore-from-trash
Material Design Iconstrash-simple-fill
Phosphortrash-simple-light
Phosphortrash-simple-thin
Phosphor

Uso de iconos de papelera

Un icono de papelera elimina elementos; colócalo en un botón con una etiqueta clara y confirma las acciones destructivas.

Todos los iconos de aquí siguen currentColor, así que toman el color de texto del elemento en el que se encuentran: un mismo SVG funciona en fondos claros y oscuros, en enlaces y en botones. Define un width y un height explícitos (o ajústalos en CSS con 1em) para que el diseño no se desplace mientras carga la página.

Iconos accesibles

Si el icono es decorativo o va junto a texto visible, añade aria-hidden="true". Si es el único contenido de un botón o enlace, dale a ese elemento un aria-label, como “Papelera”.

Licencias

Estos iconos de papelera provienen de Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Material Symbols, Material Design Icons y Carbon: conjuntos de código abierto bajo licencias MIT, ISC o Apache 2.0, que permiten el uso personal y comercial. ¿Necesitas algo más? Busca entre más de 70,000+ iconos en el SVG Icon Finder.

Preguntas frecuentes

¿Son gratuitos para uso comercial estos iconos de papelera?
Sí. Provienen de conjuntos de iconos de código abierto con licencias MIT, ISC o Apache 2.0, que permiten el uso comercial. Conserva el aviso de licencia si redistribuyes los propios archivos de iconos.
¿Cómo cambio el color de un icono de papelera?
Los SVG usan currentColor, así que define el color CSS del elemento padre o abre el icono en el buscador y elige un color fijo antes de copiarlo.
¿Puedo usar estos iconos en Webflow o React?
Sí. Abre un icono y usa Copy to Webflow (pega un Code Embed) o Copy JSX para un componente de React.