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

Kostenlose Geld-Icons (SVG)

48 kostenlose Geld-Icons aus Open-Source-Sets – klick eines an, um Größe, Farbe und Strichstärke anzupassen, und kopiere es als SVG, JSX, Data URI oder CSS.

Aktualisiert am

pig-money
Tablermoney
Phosphormoney-square
Iconoirmoney-16-filled
Fluent UImoney
Material Symbolsmoney
Material Design Iconsmoney
Carbonzoom-money
Tablermoney-bold
Phosphormoney-square-solid
Iconoirmoney-16-regular
Fluent UImoney-outline
Material Symbolsmoney-100
Material Design Iconszoom-money-filled
Tablermoney-duotone
Phosphormoney-20-filled
Fluent UImoney-outline-rounded
Material Symbolsmoney-off
Material Design Iconsreport-money
Tablermoney-fill
Phosphormoney-20-regular
Fluent UImoney-outline-sharp
Material Symbolsattach-money
Material Design Iconsreport-money-filled
Tablermoney-light
Phosphormoney-24-filled
Fluent UImoney-rounded
Material Symbolsmoney-thin
Phosphormoney-24-regular
Fluent UImoney-sharp
Material Symbolsmoney-wavy
Phosphormoney-off-20-filled
Fluent UImoney-bag
Material Symbolsmoney-wavy-bold
Phosphormoney-off-20-regular
Fluent UImoney-bag-outline
Material Symbolsmoney-wavy-duotone
Phosphormoney-off-24-filled
Fluent UImoney-bag-outline-rounded
Material Symbolsmoney-wavy-fill
Phosphormoney-off-24-regular
Fluent UImoney-bag-rounded
Material Symbolsmoney-wavy-light
Phosphorhome-money-16-filled
Fluent UImoney-off
Material Symbolsmoney-wavy-thin
Phosphorhome-money-16-regular
Fluent UImoney-off-rounded
Material Symbols

Geld-Icons verwenden

Münzen, Banknoten und Währungszeichen kennzeichnen Preise, Zahlungen und Abrechnungen.

Alle Icons hier folgen currentColor, übernehmen also die Textfarbe des Elements, 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 rein dekorativ oder steht es neben sichtbarem Text, ergänz aria-hidden="true". Ist es der einzige Inhalt eines Buttons oder Links, gib diesem Element ein aria-label wie „Geld“.

Lizenzen

Diese Geld-Icons stammen von Tabler, Phosphor, Iconoir, Fluent UI, Material Symbols, Material Design Icons und Carbon – Open-Source-Sets unter MIT-, ISC- oder Apache-2.0-Lizenz, die persönliche und kommerzielle Nutzung erlauben. Brauchst du etwas anderes? Durchsuche alle 70.000+ Icons im SVG Icon Finder.

Häufige Fragen

Sind diese Geld-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 Geld-Icons?
Die SVGs verwenden currentColor, du legst also die CSS-Farbe des übergeordneten Elements fest – oder öffnest das Icon im Finder und wählst vor dem Kopieren eine feste Farbe.
Kann ich diese Icons in Webflow oder React verwenden?
Ja. Öffne ein Icon und nutze Für Webflow kopieren (fügt ein Code Embed ein) oder JSX kopieren für eine React-Komponente.