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

Kostenlose Plus-Icons (SVG)

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

Aktualisiert am

plus
Lucideplus
Tablerplus
Heroiconsplus
Phosphorplus
Bootstrap Iconsplus
Iconoir1k-plus
Material Symbolsplus
Material Design Iconsmap-plus
Lucideplus-filled
Tablerplus-16-solid
Heroiconsplus-bold
Phosphorplus-lg
Bootstrap Iconskey-plus
Iconoir1k-plus-outline
Material Symbolsplus-outline
Material Design Iconseye-plus
Tablerplus-20-solid
Heroiconsplus-duotone
Phosphor1k-plus-outline-rounded
Material Symbolseye-plus
Material Design Iconsmap-plus
Tablerplus-solid
Heroiconsplus-fill
Phosphor1k-plus-outline-sharp
Material Symbolseye-plus-outline
Material Design Iconstag-plus
Tablerplus-light
Phosphor1k-plus-rounded
Material Symbolsfan-plus
Material Design Iconsplus-thin
Phosphor1k-plus-sharp
Material Symbolskey-plus
Material Design Icons2k-plus
Material Symbolsmap-plus
Material Design Icons2k-plus-outline
Material Symbolsplus-one
Material Design Icons2k-plus-outline-rounded
Material Symbolspen-plus
Material Design Icons2k-plus-outline-sharp
Material Symbolsplus-box
Material Design Icons2k-plus-rounded
Material Symbolsplus-box-outline
Material Design Icons2k-plus-sharp
Material Symbolstab-plus
Material Design Icons3k-plus
Material Symbolstag-plus
Material Design Icons3k-plus-outline
Material Symbols

Plus-Icons verwenden

Ein Plus fügt Elemente hinzu, öffnet „neu erstellen“ und klappt Abschnitte auf.

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. Setze eine explizite width und height (oder passe die Größe per CSS mit 1em an), damit sich das Layout beim Laden der Seite nicht verschiebt.

Barrierefreie Icons

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

Lizenzen

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

Häufige Fragen

Sind diese Plus-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 Plus-Icons?
Die SVGs nutzen currentColor, also setze 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.