ICONYZ
Français
Icône Clock Outline de Glyphs

Icône Clock Outline

glyphs:clock-outline

L'icône Clock Outline (glyphs:clock-outline) est une icône SVG gratuite de la collection Glyphs par Goran Spasojevic. Elle est dessinée sur une grille de 80 × 80. Les Glyphs 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
Glyphs
Auteur
Goran Spasojevic
Licence
MIT
Taille
80 × 80
Mots-clés
clockoutline
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M50.129 26.765a2 2 0 0 1 .373 2.803l-5.474 7.155c.615.942.973 2.068.973 3.277q0 .54-.093 1.056l13.624 7.75a2 2 0 0 1 .74 2.75l-.032.055a2 2 0 0 1-2.73.74l-2.1-1.206a2 2 0 0 1-.417-.319L43.93 44.534a6 6 0 1 1-2.079-10.243l5.473-7.153a2 2 0 0 1 2.804-.373M40.001 38a2 2 0 1 0 0 4a2 2 0 0 0 0-4" clip-rule="evenodd"/><path fill="currentColor" fill-opacity=".25" d="M41.791 18.66a2 2 0 0 0-2.02-1.994h-.065a2 2 0 0 0-1.975 1.995l-.007 2.421a2 2 0 0 0 2.03 2.005h.065a2 2 0 0 0 1.979-2.006zm9.537.939a2 2 0 0 0-2.7.744l-1.216 2.093a2 2 0 0 0 .763 2.756l.056.031a2 2 0 0 0 2.708-.752l1.205-2.099a2 2 0 0 0-.759-2.741zm-20.315.948a2 2 0 0 0-2.734-.725l-.058.034a2 2 0 0 0-.725 2.722l1.205 2.099a2 2 0 0 0 2.746.73l.057-.033a2 2 0 0 0 .725-2.734zm28.997 7.45a2 2 0 0 0-2.71-.706l-2.1 1.204a2 2 0 0 0-.717 2.768l.033.055a2 2 0 0 0 2.721.703l2.093-1.216a2 2 0 0 0 .714-2.753zm-37.431-.502a2 2 0 0 0-2.722.725l-.034.058a2 2 0 0 0 .725 2.734l2.093 1.216a2 2 0 0 0 2.734-.725l.033-.057a2 2 0 0 0-.73-2.746zm.509 12.258a2 2 0 0 0-2.006-2.03l-2.42.007a2 2 0 0 0-1.995 1.975v.066a2 2 0 0 0 1.994 2.02l2.42.006a2 2 0 0 0 2.006-1.979zm35.829-2.028a2 2 0 0 0-2.005 2.029l.001.063a2 2 0 0 0 2.005 1.978l2.42-.006a2 2 0 0 0 1.995-2.02v-.063a2 2 0 0 0-1.995-1.975zM25.192 48.174a2 2 0 0 0-2.755-.763l-2.094 1.216a2 2 0 0 0-.744 2.7l.032.057a2 2 0 0 0 2.742.76l2.099-1.206a2 2 0 0 0 .752-2.707zm6.072 6.309a2 2 0 0 0-2.768.717l-1.205 2.1a2 2 0 0 0 .706 2.71l.055.033a2 2 0 0 0 2.754-.713l1.216-2.093a2 2 0 0 0-.703-2.721zm19.883.927a2 2 0 0 0-2.73-.74l-.055.032a2 2 0 0 0-.74 2.743l1.215 2.093a2 2 0 0 0 2.72.733l.055-.031a2 2 0 0 0 .74-2.73zm-11.392 1.502a2 2 0 0 0-2.03 2.005l.007 2.42a2 2 0 0 0 1.975 1.995h.063a2 2 0 0 0 2.02-1.994l.006-2.42a2 2 0 0 0-1.978-2.005z"/><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M27.92 10.838a31.564 31.564 0 1 1 24.16 58.324a31.564 31.564 0 0 1-24.16-58.324m22.628 3.696a27.564 27.564 0 1 0-21.096 50.932a27.564 27.564 0 0 0 21.096-50.932" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M50.129 26.765a2 2 0 0 1 .373 2.803l-5.474 7.155c.615.942.973 2.068.973 3.277q0 .54-.093 1.056l13.624 7.75a2 2 0 0 1 .74 2.75l-.032.055a2 2 0 0 1-2.73.74l-2.1-1.206a2 2 0 0 1-.417-.319L43.93 44.534a6 6 0 1 1-2.079-10.243l5.473-7.153a2 2 0 0 1 2.804-.373M40.001 38a2 2 0 1 0 0 4a2 2 0 0 0 0-4" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M41.791 18.66a2 2 0 0 0-2.02-1.994h-.065a2 2 0 0 0-1.975 1.995l-.007 2.421a2 2 0 0 0 2.03 2.005h.065a2 2 0 0 0 1.979-2.006zm9.537.939a2 2 0 0 0-2.7.744l-1.216 2.093a2 2 0 0 0 .763 2.756l.056.031a2 2 0 0 0 2.708-.752l1.205-2.099a2 2 0 0 0-.759-2.741zm-20.315.948a2 2 0 0 0-2.734-.725l-.058.034a2 2 0 0 0-.725 2.722l1.205 2.099a2 2 0 0 0 2.746.73l.057-.033a2 2 0 0 0 .725-2.734zm28.997 7.45a2 2 0 0 0-2.71-.706l-2.1 1.204a2 2 0 0 0-.717 2.768l.033.055a2 2 0 0 0 2.721.703l2.093-1.216a2 2 0 0 0 .714-2.753zm-37.431-.502a2 2 0 0 0-2.722.725l-.034.058a2 2 0 0 0 .725 2.734l2.093 1.216a2 2 0 0 0 2.734-.725l.033-.057a2 2 0 0 0-.73-2.746zm.509 12.258a2 2 0 0 0-2.006-2.03l-2.42.007a2 2 0 0 0-1.995 1.975v.066a2 2 0 0 0 1.994 2.02l2.42.006a2 2 0 0 0 2.006-1.979zm35.829-2.028a2 2 0 0 0-2.005 2.029l.001.063a2 2 0 0 0 2.005 1.978l2.42-.006a2 2 0 0 0 1.995-2.02v-.063a2 2 0 0 0-1.995-1.975zM25.192 48.174a2 2 0 0 0-2.755-.763l-2.094 1.216a2 2 0 0 0-.744 2.7l.032.057a2 2 0 0 0 2.742.76l2.099-1.206a2 2 0 0 0 .752-2.707zm6.072 6.309a2 2 0 0 0-2.768.717l-1.205 2.1a2 2 0 0 0 .706 2.71l.055.033a2 2 0 0 0 2.754-.713l1.216-2.093a2 2 0 0 0-.703-2.721zm19.883.927a2 2 0 0 0-2.73-.74l-.055.032a2 2 0 0 0-.74 2.743l1.215 2.093a2 2 0 0 0 2.72.733l.055-.031a2 2 0 0 0 .74-2.73zm-11.392 1.502a2 2 0 0 0-2.03 2.005l.007 2.42a2 2 0 0 0 1.975 1.995h.063a2 2 0 0 0 2.02-1.994l.006-2.42a2 2 0 0 0-1.978-2.005z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M27.92 10.838a31.564 31.564 0 1 1 24.16 58.324a31.564 31.564 0 0 1-24.16-58.324m22.628 3.696a27.564 27.564 0 1 0-21.096 50.932a27.564 27.564 0 0 0 21.096-50.932" clip-rule="evenodd"/></g></svg>

Comment utiliser l'icône Clock Outline

React

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

<Icon icon="glyphs:clock-outline" width="24" />

Vue

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

<template>
  <Icon icon="glyphs:clock-outline" width="24" />
</template>

Svelte

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

<Icon icon="glyphs:clock-outline" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="glyphs:clock-outline"></iconify-icon>

Image HTML

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

Icônes similaires dans Glyphs

Icône clock
clock
 Icône clock-1
clock-1
 Icône clock-1-bold
clock-1-bold
 Icône clock-1-duo
clock-1-duo
 Icône clock-1-outline
clock-1-outline
 Icône clock-bold
clock-bold
 Icône clock-duo
clock-duo
 Icône clock-fast
clock-fast
 Icône clock-fast-bold
clock-fast-bold
 Icône clock-fast-duo
clock-fast-duo
 Icône clock-fast-outline
clock-fast-outline

L'icône Clock Outline dans d'autres collections

Icône Clock Outline de Material Design Icons
Material Design Icons
 Icône Clock Outline de Basil
Basil
 Icône Clock Outline de Bitcoin Icons
Bitcoin Icons
 Icône Clock Outline de Cuida Icons
Cuida Icons
 Icône Clock Outline de Eva Icons
Eva Icons
 Icône Clock Outline de Flowbite Icons
Flowbite Icons
 Icône Clock Outline de Teenyicons
Teenyicons

FAQ : Icône Clock Outline

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

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

Comment utiliser l'icône Clock Outline dans React ?

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

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

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

Voir toutes les Icônes Glyphs →