ICONYZ
Français
Icône Stopwatch 20 de Font Awesome 5 Solid

Icône Stopwatch 20

fa-solid:stopwatch-20

L'icône Stopwatch 20 (fa-solid:stopwatch-20) est une icône SVG gratuite de la collection Font Awesome 5 Solid par Dave Gandy. Elle est dessinée sur une grille de 448 × 512. Les Font Awesome 5 Solid icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
Font Awesome 5 Solid
Auteur
Dave Gandy
Licence
CC-BY-4.0
Taille
448 × 512
Catégorie
Objets, Date et heure
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="448" height="512" viewBox="0 0 448 512"><path fill="currentColor" d="m398.5 190.91l.59-.61l26.59-26.58a16 16 0 0 0 0-22.63L403 118.41a16 16 0 0 0-22.63 0l-24.68 24.68A206.7 206.7 0 0 0 256 98.5V64h32a16 16 0 0 0 16-16V16a16 16 0 0 0-16-16H160a16.05 16.05 0 0 0-16 16v32a16.05 16.05 0 0 0 16 16h32v34.5A207.92 207.92 0 0 0 16.09 297.57C12.64 411.5 106.76 510.22 220.72 512C337.13 513.77 432 420 432 304a206 206 0 0 0-33.5-113.09M204.37 377.55a8.2 8.2 0 0 1 8.32 8.07v22.31a8.2 8.2 0 0 1-8.32 8.07h-82.85a16.46 16.46 0 0 1-16.61-17.62c2.78-35.22 14.67-57.41 38.45-91.37c20.42-29.19 27.1-37.32 27.1-62.34c0-16.92-1.79-24.27-12.21-24.27c-9.39 0-12.69 7.4-12.69 22.68v5.23a8.2 8.2 0 0 1-8.33 8.07h-24.9a8.2 8.2 0 0 1-8.33-8.07v-4.07c0-27.3 8.48-60.24 56.43-60.24c43 0 55.57 25.85 55.57 61c0 35.58-12.44 51.21-34.35 81.31c-11.56 15-24.61 35.57-26.41 51.2ZM344 352.32c0 35.16-12.3 63.68-57.23 63.68c-43.58 0-54.77-29.52-54.77-63.45V247.22c0-40.73 19.58-63.22 56.2-63.22c36.8 0 55.8 22.64 55.8 61.3Zm-56.13-130.59c-9.41 0-13.23 7.5-13.23 20v115.95c0 13.11 3.59 20.59 13.23 20.59s13-8 13-21.27V241.06c.02-11.27-2.99-19.33-13-19.33"/></svg>

Comment utiliser l'icône Stopwatch 20

React

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

<Icon icon="fa-solid:stopwatch-20" width="24" />

Vue

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

<template>
  <Icon icon="fa-solid:stopwatch-20" width="24" />
</template>

Svelte

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

<Icon icon="fa-solid:stopwatch-20" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa-solid--stopwatch-20]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa-solid -->
<div class="i-fa-solid:stopwatch-20"></div>

Web component

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

<iconify-icon icon="fa-solid:stopwatch-20"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/fa-solid/stopwatch-20.svg" alt="Icône Stopwatch 20" width="24" height="24">

Icônes similaires dans Font Awesome 5 Solid

L'icône Stopwatch 20 dans d'autres collections

FAQ : Icône Stopwatch 20

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

Oui. Les Font Awesome 5 Solid icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Stopwatch 20 dans React ?

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

Comment ajouter l'icône Stopwatch 20 à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fa-solid/stopwatch-20.svg" alt="Icône Stopwatch 20">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Font Awesome 5 Solid →