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

Kostenlose Lesezeichen-Icons (SVG)

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

Aktualisiert am

bookmark
Lucidebookmark
Tablerbookmark
Heroiconsbookmark
Phosphorbookmark
Bootstrap Iconsbookmark
Iconoirbookmark-12-filled
Fluent UIbookmark
Material Symbolsbookmark
Material Design Iconsbookmark
Carbonbookmark-x
Lucidebookmark-filled
Tablerbookmark-16-solid
Heroiconsbookmark-bold
Phosphorbookmark-fill
Bootstrap Iconsbookmark-solid
Iconoirbookmark-12-regular
Fluent UIbookmark-outline
Material Symbolsbookmark-outline
Material Design Iconsbookmark-filled
Carbonbookmark-off
Lucidebookmark-ai
Tablerbookmark-20-solid
Heroiconsbookmark-duotone
Phosphorbookmark-x
Bootstrap Iconsbookmark-book
Iconoirbookmark-16-filled
Fluent UIbookmark-outline-rounded
Material Symbolsbookmark-box
Material Design Iconsbookmark-add
Carbonbook-bookmark
Lucidebookmark-off
Tablerbookmark-solid
Heroiconsbookmark-fill
Phosphorbookmark-x-fill
Bootstrap Iconsbookmark-16-regular
Fluent UIbookmark-outline-sharp
Material Symbolsbookmark-box-outline
Material Design Iconsbookmark-plus
Lucidebookmark-edit
Tablerbookmark-light
Phosphorbookmark-dash
Bootstrap Iconsbookmark-20-filled
Fluent UIbookmark-rounded
Material Symbolsbookmark-off
Material Design Iconsbookmark-plus
Tablerbookmark-thin
Phosphorbookmark-dash-fill
Bootstrap Icons

Lesezeichen-Icons verwenden

Lesezeichen speichern Elemente, die du später lesen oder nutzen möchtest.

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 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üge aria-hidden="true" hinzu. Ist es der einzige Inhalt eines Buttons oder Links, gib diesem Element ein aria-label wie „Lesezeichen“.

Lizenzen

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

Häufige Fragen

Sind diese Lesezeichen-Icons kostenlos für die kommerzielle Nutzung?
Ja. Sie stammen aus Open-Source-Icon-Sets unter den Lizenzen MIT, ISC oder Apache 2.0, die kommerzielle Nutzung erlauben. Behalte den Lizenzhinweis bei, wenn du die Icon-Dateien selbst weitergibst.
Wie ändere ich die Farbe eines Lesezeichen-Icons?
Die SVGs verwenden currentColor. Setze also die CSS-Farbe 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 „In Webflow kopieren“ (fügt ein Code Embed ein) oder „JSX kopieren“ für eine React-Komponente.