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

Kostenlose Telefon-Icons (SVG)

48 kostenlose Telefon-Icons aus Open-Source-Sets — klicke auf eines, um Größe, Farbe und Strichstärke anzupassen und es als SVG, JSX, Data-URI oder CSS zu kopieren.

Aktualisiert am

phone
Lucidephone
Tablerphone
Heroiconsphone
Phosphorphone
Bootstrap Iconsphone
Iconoirphone-12-filled
Fluent UIphone
Material Design Iconsphone
Carbonphone-log
Lucidephone-filled
Tablerphone-16-solid
Heroiconsphone-bold
Phosphorphone-fill
Bootstrap Iconsphone-solid
Iconoirphone-12-regular
Fluent UIphone-outline
Material Design Iconsphone-filled
Carbonphone-off
Lucidephone-x
Tablerphone-20-solid
Heroiconsphone-duotone
Phosphorphone-flip
Bootstrap Iconsphone-plus
Iconoirphone-16-filled
Fluent UIcellphone
Material Design Iconsphone-ip
Carbonphone-call
Lucidephone-x-filled
Tablerphone-solid
Heroiconsphone-fill
Phosphorphone-plus-solid
Iconoirphone-16-regular
Fluent UIphone-log
Material Design Iconsphone-off
Carbonphone-end
Tablerphone-light
Phosphorphone-20-filled
Fluent UIphone-log-outline
Material Design Iconsphone-off-filled
Carbonphone-off
Tablerphone-thin
Phosphorphone-20-regular
Fluent UIphone-off
Material Design Iconsfile-phone
Tablerphone-x
Phosphorphone-24-filled
Fluent UIphone-off-outline
Material Design Icons

Telefon-Icons verwenden

Telefonhörer-Icons stehen neben Click-to-Call-Links (tel:) und Kontaktdaten.

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 definiere die Größe per CSS mit 1em), damit sich das Layout beim Laden der Seite nicht verschiebt.

Barrierefreie Icons

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

Lizenzen

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

Häufige Fragen

Sind diese Telefon-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 Telefon-Icons?
Die SVGs verwenden 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.