ICONYZ
Français
Icône Clock de andrsrxn/icons

Icône Clock

andrsrxn:clock

L'icône Clock (andrsrxn:clock) est une icône SVG gratuite de la collection andrsrxn/icons par Andrés Raxón. Elle est dessinée sur une grille de 24 × 24. Les andrsrxn/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
andrsrxn/icons
Auteur
Andrés Raxón
Licence
MIT
Taille
24 × 24
Catégorie
Heure
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"><circle cx="12" cy="12" r="10.25" fill="currentColor" opacity=".2"/><circle cx="12" cy="12" r="10.25" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m16.04 15.78l-2.93-1.95c-.87-.58-1.3-.87-1.54-1.32c-.24-.44-.24-.96-.24-2.01V6.31"/></g></svg>

Comment utiliser l'icône Clock

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Image HTML

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

Icônes similaires dans andrsrxn/icons

Icône clock-hour-eight
clock-hour-eight
 Icône clock-hour-eleven
clock-hour-eleven
 Icône clock-hour-five
clock-hour-five
 Icône clock-hour-four
clock-hour-four
 Icône clock-hour-nine
clock-hour-nine
 Icône clock-hour-one
clock-hour-one
 Icône clock-hour-seven
clock-hour-seven
 Icône clock-hour-six
clock-hour-six
 Icône clock-hour-ten
clock-hour-ten
 Icône clock-hour-three
clock-hour-three
 Icône clock-hour-twelve
clock-hour-twelve
 Icône clock-hour-two
clock-hour-two
 Icône clock-lightning
clock-lightning
 Icône clock-sparkle
clock-sparkle
 Icône clock-time
clock-time
 Icône clock-twelve
clock-twelve
 Icône clock-twenty-four
clock-twenty-four

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 Phosphor
Phosphor
 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

FAQ : Icône Clock

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

Oui. Les andrsrxn/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="andrsrxn: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/andrsrxn/clock.svg" alt="Icône Clock">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les andrsrxn/icons →