ICONYZ
Français
Icône Clock 24 de Tabler Icons

Icône Clock 24

tabler:clock-24

L'icône Clock 24 (tabler:clock-24) est une icône SVG gratuite de la collection Tabler Icons par Paweł Kuna. Elle est dessinée sur une grille de 24 × 24. Les Tabler Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
Tabler Icons
Auteur
Paweł Kuna
Licence
MIT
Taille
24 × 24
Mots-clés
time, hour, watch, timepiece, twenty four hour, 24 hour, military, clock face, round clock, day night, system
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12a9 9 0 0 0 5.998 8.485M21 12a9 9 0 1 0-18 0m9-5v5m0 3h2a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-1a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h2m3-6v2a1 1 0 0 0 1 1h1m1-3v6"/></svg>

Comment utiliser l'icône Clock 24

React

import { Icon } from "@iconify/react";

<Icon icon="tabler:clock-24" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="tabler:clock-24" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="tabler:clock-24" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[tabler--clock-24]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/tabler -->
<div class="i-tabler:clock-24"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="tabler:clock-24"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/tabler/clock-24.svg" alt="Icône Clock 24" width="24" height="24">

Icônes similaires dans Tabler Icons

Icône clock
clock
 Icône clock-12
clock-12
 Icône clock-2
clock-2
 Icône clock-bitcoin
clock-bitcoin
 Icône clock-bolt
clock-bolt
 Icône clock-cancel
clock-cancel
 Icône clock-check
clock-check
 Icône clock-code
clock-code
 Icône clock-cog
clock-cog
 Icône clock-dollar
clock-dollar
 Icône clock-down
clock-down
 Icône clock-edit
clock-edit
 Icône clock-exclamation
clock-exclamation
 Icône clock-filled
clock-filled
 Icône clock-heart
clock-heart
 Icône clock-hour-1
clock-hour-1
 Icône clock-hour-1-filled
clock-hour-1-filled
 Icône clock-hour-10
clock-hour-10
 Icône clock-hour-10-filled
clock-hour-10-filled
 Icône clock-hour-11
clock-hour-11
 Icône clock-hour-11-filled
clock-hour-11-filled
 Icône clock-hour-12
clock-hour-12
 Icône clock-hour-12-filled
clock-hour-12-filled
 Icône clock-hour-2
clock-hour-2

L'icône Clock 24 dans d'autres collections

Icône Clock 24 de Fluent UI System Color Icons
Fluent UI System Color Icons
 Icône Clock 24 de IconOven
IconOven
 Icône Clock 24 de Octicons
Octicons

FAQ : Icône Clock 24

L'icône Clock 24 est-elle gratuite pour un usage commercial ?

Oui. Les Tabler Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Clock 24 dans React ?

Installez @iconify/react et affichez <Icon icon="tabler:clock-24" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Clock 24 à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/tabler/clock-24.svg" alt="Icône Clock 24">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Tabler Icons →