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

Kostenlose Mülleimer-Icons (SVG)

47 kostenlose Mülleimer-Icons aus Open-Source-Sets – klick eins an, um Größe, Farbe und Strichstärke anzupassen und es als SVG, JSX, Data-URI oder CSS zu kopieren.

Aktualisiert am

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

Mülleimer-Icons verwenden

Ein Mülleimer-Icon löscht Elemente; setz es auf einen klar beschrifteten Button und bestätige destruktive Aktionen.

Alle Icons hier folgen currentColor, nehmen also die Textfarbe des Elements an, in dem sie stehen – ein SVG funktioniert auf hellen und dunklen Hintergründen, in Links und in Buttons. Setz eine explizite width und height (oder bestimme die Größe per CSS mit 1em), damit sich das Layout beim Laden der Seite nicht verschiebt.

Barrierefreie Icons

Ist das Icon dekorativ oder steht neben sichtbarem Text, füg aria-hidden="true" hinzu. Ist es der einzige Inhalt eines Buttons oder Links, gib diesem Element ein aria-label wie „Löschen“.

Lizenzen

Diese Mülleimer-Icons stammen von Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Material Symbols, Material Design Icons und Carbon – Open-Source-Sets unter MIT-, ISC- oder Apache-2.0-Lizenz, die private und kommerzielle Nutzung erlauben. Brauchst du etwas anderes? Durchsuche alle 70.000+ Icons im SVG Icon Finder.

Häufige Fragen

Sind diese Mülleimer-Icons kostenlos für kommerzielle Nutzung?
Ja. Sie stammen aus Open-Source-Icon-Sets unter MIT-, ISC- oder Apache-2.0-Lizenz, die kommerzielle Nutzung erlauben. Behalte den Lizenzhinweis bei, wenn du die Icon-Dateien selbst weitergibst.
Wie ändere ich die Farbe eines Mülleimer-Icons?
Die SVGs verwenden currentColor, also setz die CSS-color des übergeordneten Elements – oder öffne das Icon im Finder und wähle vor dem Kopieren eine feste Farbe.
Kann ich diese Icons in Webflow oder React verwenden?
Ja. Öffne ein Icon und nutze „Copy to Webflow“ (fügt ein Code Embed ein) oder „Copy JSX“ für eine React-Komponente.