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

Ícones de Lixeira Grátis (SVG)

47 ícones de lixeira de conjuntos open-source — clique em um para alterar tamanho, cor e espessura do traço e copie como SVG, JSX, data URI ou CSS.

Atualizado em

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

Como usar ícones de lixeira

Um ícone de lixeira exclui itens; coloque-o em um botão com rótulo claro e confirme as ações destrutivas.

Todos os ícones aqui seguem currentColor, então herdam a cor do texto do elemento em que estão — um único SVG funciona em fundos claros e escuros, em links e em botões. Defina um width e height explícitos (ou dimensione-os no CSS com 1em) para que o layout não se desloque enquanto a página carrega.

Ícones acessíveis

Se o ícone for decorativo ou estiver ao lado de texto visível, adicione aria-hidden="true". Se ele for o único conteúdo de um botão ou link, dê a esse elemento um aria-label, como “Lixeira”.

Licenças

Estes ícones de lixeira vêm do Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Material Symbols, Material Design Icons e Carbon — conjuntos open-source sob as licenças MIT, ISC ou Apache 2.0, que permitem uso pessoal e comercial. Precisa de outra coisa? Pesquise todos os mais de 70.000 ícones no SVG Icon Finder.

Perguntas frequentes

Esses ícones de lixeira são gratuitos para uso comercial?
Sim. Eles vêm de conjuntos de ícones open-source sob as licenças MIT, ISC ou Apache 2.0, que permitem uso comercial. Mantenha o aviso de licença se você redistribuir os próprios arquivos de ícone.
Como mudo a cor de um ícone de lixeira?
Os SVGs usam currentColor, então defina a propriedade color no CSS do elemento pai — ou abra o ícone no buscador e escolha uma cor fixa antes de copiar.
Posso usar esses ícones no Webflow ou no React?
Sim. Abra um ícone e use Copiar para Webflow (cola um Code Embed) ou Copiar JSX para um componente React.