Kostenlose Uhr-Icons (SVG)

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

Aktualisiert am 30. Okt. 2026

clock
Lucide clock
Tabler clock
Heroicons clock
Phosphor clock
Bootstrap Icons clock
Iconoir clock-12-filled
Fluent UI lock-clock
Material Symbols clock
Material Design Icons clock-1
Lucide clock-filled
Tabler clock-16-solid
Heroicons clock-bold
Phosphor clock-fill
Bootstrap Icons clock-solid
Iconoir clock-12-regular
Fluent UI lock-clock-outline
Material Symbols clock-outline
Material Design Icons clock-2
Lucide clock-2
Tabler clock-20-solid
Heroicons clock-duotone
Phosphor clock-16-filled
Fluent UI lock-clock-outline-rounded
Material Symbols clock-in
Material Design Icons clock-3
Lucide clock-x
Tabler clock-solid
Heroicons clock-fill
Phosphor clock-16-regular
Fluent UI lock-clock-outline-sharp
Material Symbols bed-clock
Material Design Icons clock-4
Lucide clock-12
Tabler clock-light
Phosphor clock-20-filled
Fluent UI lock-clock-rounded
Material Symbols bus-clock
Material Design Icons clock-5
Lucide clock-24
Tabler clock-thin
Phosphor clock-20-regular
Fluent UI lock-clock-sharp
Material Symbols car-clock
Material Design Icons clock-6
Lucide clock-up
Tabler clock-24-filled
Fluent UI save-clock
Material Symbols

Uhr-Icons verwenden

Uhren zeigen Zeit, Dauer, Verlauf und „Zuletzt angesehen“-Listen an.

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

Ist das Icon dekorativ oder steht es 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 „Uhr“.

Lizenzen

Diese Uhr-Icons stammen aus Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols und Material Design Icons – 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.

SVG Icon Finder

Durchsuche 70.000+ Open-Source-SVG-Icons — Lucide, Tabler, Heroicons, Phosphor, Bootstrap, Material und mehr.

Tool öffnen

Häufige Fragen

Sind diese Uhr-Icons auch kommerziell kostenlos nutzbar?

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 Uhr-Icons?

Die SVGs verwenden currentColor. Setze also 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.

Deine Tools

Tools durchsuchen

Mehr von devpack

Einstellungen