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

Icônes horloge gratuites (SVG)

48 icônes horloge gratuites issues de jeux open source. Cliquez sur l'une d'elles pour modifier sa taille, sa couleur et son trait, puis copiez-la en SVG, JSX, data URI ou CSS.

Mis à jour le

clock
Lucideclock
Tablerclock
Heroiconsclock
Phosphorclock
Bootstrap Iconsclock
Iconoirclock-12-filled
Fluent UIlock-clock
Material Symbolsclock
Material Design Iconsclock-1
Lucideclock-filled
Tablerclock-16-solid
Heroiconsclock-bold
Phosphorclock-fill
Bootstrap Iconsclock-solid
Iconoirclock-12-regular
Fluent UIlock-clock-outline
Material Symbolsclock-outline
Material Design Iconsclock-2
Lucideclock-2
Tablerclock-20-solid
Heroiconsclock-duotone
Phosphorclock-16-filled
Fluent UIlock-clock-outline-rounded
Material Symbolsclock-in
Material Design Iconsclock-3
Lucideclock-x
Tablerclock-solid
Heroiconsclock-fill
Phosphorclock-16-regular
Fluent UIlock-clock-outline-sharp
Material Symbolsbed-clock
Material Design Iconsclock-4
Lucideclock-12
Tablerclock-light
Phosphorclock-20-filled
Fluent UIlock-clock-rounded
Material Symbolsbus-clock
Material Design Iconsclock-5
Lucideclock-24
Tablerclock-thin
Phosphorclock-20-regular
Fluent UIlock-clock-sharp
Material Symbolscar-clock
Material Design Iconsclock-6
Lucideclock-up
Tablerclock-24-filled
Fluent UIsave-clock
Material Symbols

Utiliser les icônes horloge

Les horloges indiquent l'heure, une durée, l'historique et les listes « consultés récemment ».

Toutes les icônes ici suivent currentColor : elles prennent donc la couleur du texte de l'élément dans lequel elles se trouvent. Un seul SVG fonctionne ainsi sur fond clair et sombre, dans les liens comme dans les boutons. Définissez explicitement width et height (ou dimensionnez-les en CSS avec 1em) pour que la mise en page ne bouge pas pendant le chargement de la page.

Icônes accessibles

Si l'icône est décorative ou se trouve à côté d'un texte visible, ajoutez aria-hidden="true". Si elle est le seul contenu d'un bouton ou d'un lien, donnez à cet élément un aria-label tel que « Horloge ».

Licences

Ces icônes horloge proviennent de Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols et Material Design Icons. Il s'agit de jeux open source sous licences MIT, ISC ou Apache 2.0, qui autorisent l'usage personnel et commercial. Vous cherchez autre chose ? Parcourez plus de 70 000 icônes dans le SVG Icon Finder.

Questions fréquentes

Ces icônes horloge sont-elles gratuites pour un usage commercial ?
Oui. Elles proviennent de jeux d'icônes open source sous licences MIT, ISC ou Apache 2.0, qui autorisent l'usage commercial. Conservez la mention de licence si vous redistribuez les fichiers d'icônes eux-mêmes.
Comment changer la couleur d'une icône horloge ?
Les SVG utilisent currentColor : définissez donc la couleur CSS de l'élément parent, ou ouvrez l'icône dans le moteur de recherche et choisissez une couleur fixe avant de la copier.
Puis-je utiliser ces icônes dans Webflow ou React ?
Oui. Ouvrez une icône et utilisez « Copy to Webflow » (colle un Code Embed) ou « Copy JSX » pour un composant React.