ICONYZ
Français
Icône Clock 10 Fill de Keyline Icons

Icône Clock 10 Fill

keyline-icons:clock-10-fill

L'icône Clock 10 Fill (keyline-icons:clock-10-fill) est une icône SVG gratuite de la collection Keyline Icons. Elle est dessinée sur une grille de 24 × 24. Les Keyline 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
Keyline Icons
Auteur
Keyline Icons
Licence
MIT
Taille
24 × 24
Mots-clés
clockfill
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="currentColor" fill-rule="evenodd" d="M12 1C18.0751 1 23 5.9249 23 12C23 18.0751 18.0751 23 12 23C5.9249 23 1 18.0751 1 12C1 5.9249 5.9249 1 12 1ZM13 6C13 5.4477 12.5523 5 12 5C11.4477 5 11 5.4477 11 6L11 10.2679L8.1699 8.634C7.9402 8.5014 7.6673 8.4654 7.4111 8.5341C7.1549 8.6027 6.9365 8.7703 6.8039 9C6.5277 9.4783 6.6916 10.0899 7.1699 10.366L11.5 12.866C11.8094 13.0447 12.1906 13.0447 12.5 12.866C12.8094 12.6874 13 12.3573 13 12L13 6Z" clip-rule="evenodd"/></svg>

Comment utiliser l'icône Clock 10 Fill

React

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

<Icon icon="keyline-icons:clock-10-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:clock-10-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:clock-10-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--clock-10-fill]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="keyline-icons:clock-10-fill"></iconify-icon>

Image HTML

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

Icônes similaires dans Keyline Icons

Icône clock
clock
 Icône clock-1
clock-1
 Icône clock-1-duotone
clock-1-duotone
 Icône clock-1-fill
clock-1-fill
 Icône clock-1-sharp
clock-1-sharp
 Icône clock-1-sharp-duotone
clock-1-sharp-duotone
 Icône clock-1-sharp-fill
clock-1-sharp-fill
 Icône clock-1-sharp-two-tone
clock-1-sharp-two-tone
 Icône clock-1-two-tone
clock-1-two-tone
 Icône clock-10
clock-10
 Icône clock-10-duotone
clock-10-duotone
 Icône clock-10-sharp
clock-10-sharp
 Icône clock-10-sharp-duotone
clock-10-sharp-duotone
 Icône clock-10-sharp-fill
clock-10-sharp-fill
 Icône clock-10-sharp-two-tone
clock-10-sharp-two-tone
 Icône clock-10-two-tone
clock-10-two-tone
 Icône clock-11
clock-11
 Icône clock-11-duotone
clock-11-duotone
 Icône clock-11-fill
clock-11-fill
 Icône clock-11-sharp
clock-11-sharp
 Icône clock-11-sharp-duotone
clock-11-sharp-duotone
 Icône clock-11-sharp-fill
clock-11-sharp-fill
 Icône clock-11-sharp-two-tone
clock-11-sharp-two-tone
 Icône clock-11-two-tone
clock-11-two-tone

FAQ : Icône Clock 10 Fill

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

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

Comment utiliser l'icône Clock 10 Fill dans React ?

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

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

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

Voir toutes les Keyline Icons →