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

Icône Clock 12

tabler:clock-12

L'icône Clock 12 (tabler:clock-12) 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, twelve hour, am/pm, noon, midday, daytime, clock face, 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"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M3 12a9 9 0 0 0 9 9m9-9a9 9 0 1 0-18 0"/><path d="M12 7v5l.5.5M18 15h2a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-1a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h2m-6 0v-6"/></g></svg>

Comment utiliser l'icône Clock 12

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Image HTML

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

Icônes similaires dans Tabler Icons

Icône clock
clock
 Icône clock-2
clock-2
 Icône clock-24
clock-24
 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 12 dans d'autres collections

Icône Clock 12 de Lucide
Lucide
 Icône Clock 12 de Boxicons
Boxicons
 Icône Clock 12 de Keyline Icons
Keyline Icons
 Icône Clock 12 de Myna UI Icons
Myna UI Icons
 Icône Clock 12 de Vadivam
Vadivam

FAQ : Icône Clock 12

L'icône Clock 12 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 12 dans React ?

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

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

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

Voir toutes les Tabler Icons →