Icône Hourglass Half 20 Regular
fluent:hourglass-half-20-regular
L'icône Hourglass Half 20 Regular (fluent:hourglass-half-20-regular) est une icône SVG gratuite de la collection Fluent UI System Icons par Microsoft Corporation. Elle est dessinée sur une grille de 20 × 20. Les Fluent UI System 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
- Fluent UI System Icons
- Auteur
- Microsoft Corporation
- Licence
- MIT
- Taille
- 20 × 20
- Mots-clés
- hourglasshalf, halfregular, hourglasshalfregular
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M13.69 14.6c.2.44.305.917.31 1.4H6a3.4 3.4 0 0 1 .32-1.4a3.25 3.25 0 0 1 .9-1.16l1.82-1.52a2.5 2.5 0 0 0 .66-.86c.16-.33.241-.693.24-1.06h.12c.014.37.113.734.29 1.06c.151.328.373.618.65.85l1.78 1.53c.385.315.696.71.91 1.16m-8.495 3.244q.345.156.727.156h8.156q.39-.008.735-.156q.343-.15.609-.422q.266-.273.422-.617q.156-.345.156-.727q0-.617-.133-1.195a6 6 0 0 0-.375-1.117a5 5 0 0 0-.601-1.008a5.4 5.4 0 0 0-.828-.86l-1.82-1.515a.497.497 0 0 1 0-.766l1.82-1.523a5.3 5.3 0 0 0 1.445-1.867A5.45 5.45 0 0 0 16 3.922a1.88 1.88 0 0 0-.578-1.344a2.2 2.2 0 0 0-.617-.422A1.7 1.7 0 0 0 14.078 2H5.922q-.39.007-.734.156q-.345.15-.61.422a2.2 2.2 0 0 0-.422.617Q4 3.54 4 3.922q.008 1.234.5 2.305a5.35 5.35 0 0 0 1.438 1.867l1.82 1.523a.498.498 0 0 1 0 .766l-1.82 1.515a5.7 5.7 0 0 0-.829.868a5.35 5.35 0 0 0-.984 2.125A5.6 5.6 0 0 0 4 16.078q.008.39.156.735q.15.343.422.609q.273.266.617.422m9.211-.914a1 1 0 0 1-.367.07H5.961a1 1 0 0 1-.375-.078a1 1 0 0 1-.305-.203a.9.9 0 0 1-.21-.305A1 1 0 0 1 5 16.04a4.45 4.45 0 0 1 .414-1.86a4.3 4.3 0 0 1 1.164-1.507l1.82-1.524q.258-.218.399-.515a1.51 1.51 0 0 0 0-1.273a1.4 1.4 0 0 0-.399-.516l-1.82-1.516a4 4 0 0 1-.672-.695a5 5 0 0 1-.492-.813a4 4 0 0 1-.312-.906A4.5 4.5 0 0 1 5 3.961q.008-.21.078-.375q.07-.164.203-.305a.9.9 0 0 1 .305-.21A1 1 0 0 1 5.96 3h8.078q.21.015.375.078t.305.203a.95.95 0 0 1 .281.68a4.4 4.4 0 0 1-.414 1.867a4.3 4.3 0 0 1-1.164 1.5l-1.82 1.516q-.258.21-.399.515a1.51 1.51 0 0 0 0 1.274q.141.297.399.515l1.82 1.524q.765.64 1.172 1.508q.406.867.406 1.86a1.3 1.3 0 0 1-.078.374a.9.9 0 0 1-.203.305a1 1 0 0 1-.313.21"/></svg>
Comment utiliser l'icône Hourglass Half 20 Regular
React
import { Icon } from "@iconify/react";
<Icon icon="fluent:hourglass-half-20-regular" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent:hourglass-half-20-regular" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent:hourglass-half-20-regular" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--hourglass-half-20-regular]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:hourglass-half-20-regular"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent:hourglass-half-20-regular"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/fluent/hourglass-half-20-regular.svg" alt="Icône Hourglass Half 20 Regular" width="24" height="24">
Icônes similaires dans Fluent UI System Icons
FAQ : Icône Hourglass Half 20 Regular
L'icône Hourglass Half 20 Regular est-elle gratuite pour un usage commercial ?
Oui. Les Fluent UI System Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Hourglass Half 20 Regular dans React ?
Installez @iconify/react et affichez <Icon icon="fluent:hourglass-half-20-regular" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Hourglass Half 20 Regular à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent/hourglass-half-20-regular.svg" alt="Icône Hourglass Half 20 Regular">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Fluent UI System Icons →
