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

Icône Clock 1 Fill

keyline-icons:clock-1-fill

L'icône Clock 1 Fill (keyline-icons:clock-1-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 1ZM11 6L11 12C11 12.4526 11.304 12.8488 11.7412 12.9659C12.1784 13.0831 12.6397 12.892 12.866 12.5L15.366 8.1699C15.4986 7.9402 15.5346 7.6673 15.4659 7.4111C15.3973 7.1549 15.2297 6.9365 15 6.8039C14.5217 6.5277 13.9101 6.6916 13.634 7.1699L13 8.268L13 6C13 5.4477 12.5523 5 12 5C11.4477 5 11 5.4477 11 6Z" clip-rule="evenodd"/></svg>

Comment utiliser l'icône Clock 1 Fill

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:clock-1-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-1-fill"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/clock-1-fill.svg" alt="Icône Clock 1 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-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-fill
clock-10-fill
 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 1 Fill

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

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

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

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

Voir toutes les Keyline Icons →