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

Kostenlose Link-Icons (SVG)

48 kostenlose Link-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

link
Lucidelink
Tablerlink
Heroiconslink
Phosphorlink
Bootstrap Iconslink
Iconoirlink-12-filled
Fluent UIlink
Material Symbolslink
Material Design Iconslink
Carbonlink-2
Lucidelink-filled
Tablerlink-16-solid
Heroiconslink-bold
Phosphorlink-12-regular
Fluent UIlink-rounded
Material Symbolskey-link
Material Design Iconsbpmn-link-fill
Carbonlink-off
Tablerlink-20-solid
Heroiconslink-duotone
Phosphorlink-16-filled
Fluent UIlink-2
Material Symbolslink-box
Material Design Iconsbpmn-link-outline
Carbonhome-link
Tablerlink-solid
Heroiconslink-fill
Phosphorlink-16-regular
Fluent UIlink-2-rounded
Material Symbolslink-box-outline
Material Design Iconscopy-link
Carbonlink-plus
Tablerlink-light
Phosphorlink-20-filled
Fluent UIadd-link
Material Symbolslink-off
Material Design Iconsjump-link
Carbonlink-thin
Phosphorlink-20-regular
Fluent UIadd-link-rounded
Material Symbolsfile-link
Material Design Iconstext-link
Carbonlink-24-filled
Fluent UIlink-off
Material Symbolsfile-link-outline
Material Design Iconslink-24-regular
Fluent UIlink-off-rounded
Material Symbols

Link-Icons verwenden

Kettenglieder markieren Hyperlinks, „Link kopieren“-Buttons und verbundene Konten.

Alle Icons hier folgen currentColor, übernehmen also die Textfarbe des Elements, in dem sie stehen. Ein SVG funktioniert so 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 das Layout beim Laden der Seite nicht springt.

Barrierefreie Icons

Wenn das Icon dekorativ ist oder neben sichtbarem Text steht, ergänze aria-hidden="true". Ist es der einzige Inhalt eines Buttons oder Links, gib diesem Element ein aria-label wie „Link“.

Lizenzen

Diese Link-Icons stammen von Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, Material Design Icons und Carbon. Es sind 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 Link-Icons für die kommerzielle Nutzung kostenlos?
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 Link-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 „Copy to Webflow“ (fügt ein Code Embed ein) oder „Copy JSX“ für eine React-Komponente.