ICONYZ
Français
Icône Clock de Phosphor

Icône Clock

ph:clock

L'icône Clock (ph:clock) est une icône SVG gratuite de la collection Phosphor par Phosphor Icons. Elle est dessinée sur une grille de 256 × 256. Les Phosphor 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
Phosphor
Auteur
Phosphor Icons
Licence
MIT
Taille
256 × 256
Mots-clés
times, timer, alarm, schedule, events, watch
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m0 192a88 88 0 1 1 88-88a88.1 88.1 0 0 1-88 88m64-88a8 8 0 0 1-8 8h-56a8 8 0 0 1-8-8V72a8 8 0 0 1 16 0v48h48a8 8 0 0 1 8 8"/></svg>

Comment utiliser l'icône Clock

React

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

<Icon icon="ph:clock" width="24" />

Vue

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

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

Svelte

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

<Icon icon="ph:clock" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="ph:clock"></iconify-icon>

Image HTML

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

Icônes similaires dans Phosphor

Icône clock-afternoon
clock-afternoon
 Icône clock-afternoon-bold
clock-afternoon-bold
 Icône clock-afternoon-duotone
clock-afternoon-duotone
 Icône clock-afternoon-fill
clock-afternoon-fill
 Icône clock-afternoon-light
clock-afternoon-light
 Icône clock-afternoon-thin
clock-afternoon-thin
 Icône clock-bold
clock-bold
 Icône clock-clockwise
clock-clockwise
 Icône clock-clockwise-bold
clock-clockwise-bold
 Icône clock-clockwise-duotone
clock-clockwise-duotone
 Icône clock-clockwise-fill
clock-clockwise-fill
 Icône clock-clockwise-light
clock-clockwise-light
 Icône clock-clockwise-thin
clock-clockwise-thin
 Icône clock-countdown
clock-countdown
 Icône clock-countdown-bold
clock-countdown-bold
 Icône clock-countdown-duotone
clock-countdown-duotone
 Icône clock-countdown-fill
clock-countdown-fill
 Icône clock-countdown-light
clock-countdown-light
 Icône clock-countdown-thin
clock-countdown-thin
 Icône clock-counter-clockwise
clock-counter-clockwise
 Icône clock-counter-clockwise-bold
clock-counter-clockwise-bold
 Icône clock-counter-clockwise-duotone
clock-counter-clockwise-duotone
 Icône clock-counter-clockwise-fill
clock-counter-clockwise-fill
 Icône clock-counter-clockwise-light
clock-counter-clockwise-light

L'icône Clock dans d'autres collections

Icône Clock de Material Design Icons
Material Design Icons
 Icône Clock de Lucide
Lucide
 Icône Clock de Tabler Icons
Tabler Icons
 Icône Clock de Font Awesome 6 Solid
Font Awesome 6 Solid
 Icône Clock de Bootstrap Icons
Bootstrap Icons
 Icône Clock de HeroIcons
HeroIcons
 Icône Clock de @icons
@icons
 Icône Clock de Akar Icons
Akar Icons
 Icône Clock de Arcticons
Arcticons
 Icône Clock de Boxicons
Boxicons
 Icône Clock de Bytesize Icons
Bytesize Icons
 Icône Clock de Charm Icons
Charm Icons

FAQ : Icône Clock

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

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

Comment utiliser l'icône Clock dans React ?

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

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

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

Voir toutes les Icônes Phosphor →