Icône Timer Clock
noto-v1:timer-clock
L'icône Timer Clock (noto-v1:timer-clock) est une icône SVG gratuite de la collection Noto Emoji (v1) par Google Inc. Elle est dessinée sur une grille de 128 × 128. Les Noto Emoji (v1) icons sont publiées sous la licence Apache 2.0, 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
- Noto Emoji (v1)
- Auteur
- Google Inc
- Licence
- Apache-2.0
- Taille
- 128 × 128
- Catégorie
- Voyage et lieux
- Mots-clés
- timerclock
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#1a6ca2" d="M125.2 63.91c0-33.74-27.46-61.19-61.2-61.19c-33.75 0-61.2 27.45-61.2 61.19v55.42c0 3.31 2.69 6 6 6h110.4c3.31 0 6-2.69 6-6zc0 .01 0 0 0 0"/><defs><path id="SVGcaRpvdqS" d="M64 111.95c26.49 0 48.04-21.55 48.04-48.04c0-26.48-21.55-48.03-48.04-48.03S15.96 37.43 15.96 63.91c0 26.49 21.55 48.04 48.04 48.04"/></defs><use fill="#fff" href="#SVGcaRpvdqS"/><path fill="#b8e9f4" d="M64 10.76c29.31 0 53.16 23.85 53.16 53.16c0 29.32-23.85 53.17-53.16 53.17S10.84 93.23 10.84 63.91c0-29.31 23.84-53.15 53.16-53.15m0 101.19c26.49 0 48.04-21.55 48.04-48.04c0-26.48-21.55-48.03-48.04-48.03S15.96 37.43 15.96 63.91c0 26.49 21.55 48.04 48.04 48.04"/><circle cx="22.45" cy="63.91" r="3.06" fill="#2f2f2f"/><path fill="#2f2f2f" d="M25.37 86.22a3.08 3.08 0 0 1 1.12-4.19c1.47-.85 3.34-.35 4.19 1.12s.35 3.34-1.12 4.19s-3.35.35-4.19-1.12m16.32 16.33a3.06 3.06 0 0 1-1.12-4.19a3.06 3.06 0 0 1 4.19-1.12c1.47.84 1.98 2.72 1.13 4.19a3.08 3.08 0 0 1-4.2 1.12"/><circle cx="84.77" cy="99.89" r="3.06" fill="#2f2f2f" transform="rotate(-30 84.76 99.893)"/><path fill="#2f2f2f" d="M102.63 86.22a3.067 3.067 0 0 1-4.19 1.11a3.06 3.06 0 0 1-1.12-4.18a3.06 3.06 0 0 1 4.19-1.12c1.47.85 1.97 2.72 1.12 4.19m5.98-22.31c0 1.7-1.37 3.06-3.06 3.06a3.06 3.06 0 0 1-3.06-3.06c0-1.7 1.37-3.07 3.06-3.07c1.69.01 3.06 1.38 3.06 3.07m-5.97-22.3c.84 1.47.34 3.34-1.12 4.19c-1.47.85-3.34.35-4.19-1.11a3.064 3.064 0 0 1 1.13-4.19c1.45-.86 3.33-.36 4.18 1.11M86.3 25.28c1.47.85 1.96 2.72 1.13 4.19a3.073 3.073 0 0 1-4.19 1.13a3.07 3.07 0 0 1-1.12-4.19a3.053 3.053 0 0 1 4.18-1.13m-44.6 0c1.47-.84 3.34-.34 4.19 1.12c.85 1.47.35 3.34-1.12 4.19c-1.46.85-3.34.35-4.19-1.12a3.06 3.06 0 0 1 1.12-4.19M25.37 41.61a3.07 3.07 0 0 1 4.19-1.12a3.068 3.068 0 1 1-4.19 1.12"/><g fill="#2f2f2f"><circle cx="64" cy="63.92" r="8.14"/><path d="M60.17 66.74h7.66V23.1c0-1.66-1.34-3-3-3h-1.66c-1.66 0-3 1.34-3 3z"/><circle cx="64" cy="63.92" r="8.14"/></g><path fill="#2f2f2f" d="m67.73 60.95l-1.98 7.39l-26.6-7.12a2.995 2.995 0 0 1-2.12-3.67l.43-1.61a3 3 0 0 1 3.68-2.12z"/><ellipse cx="64" cy="63.91" fill="#fff" rx="3.07" ry="3.06"/><path fill="#2f2f2f" d="M64 108.53a3.06 3.06 0 0 0 3.06-3.06c0-1.69-1.36-3.06-3.06-3.06c-1.69 0-3.07 1.37-3.07 3.06c0 1.68 1.38 3.07 3.07 3.06"/></svg>Comment utiliser l'icône Timer Clock
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:timer-clock" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:timer-clock" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:timer-clock" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--timer-clock]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:timer-clock"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:timer-clock"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/noto-v1/timer-clock.svg" alt="Icône Timer Clock" width="24" height="24">L'icône Timer Clock dans d'autres collections
FAQ : Icône Timer Clock
L'icône Timer Clock est-elle gratuite pour un usage commercial ?
Oui. Les Noto Emoji (v1) icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Timer Clock dans React ?
Installez @iconify/react et affichez <Icon icon="noto-v1:timer-clock" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Timer Clock à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/noto-v1/timer-clock.svg" alt="Icône Timer Clock">, ou collez le code SVG directement dans la page pour le styliser en CSS.