Icône Hail
wi:hail
L'icône Hail (wi:hail) est une icône SVG gratuite de la collection Weather Icons par Erik Flowers. Elle est dessinée sur une grille de 30 × 30. Les Weather Icons sont publiées sous la Open Font License, 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
- Weather Icons
- Auteur
- Erik Flowers
- Licence
- OFL-1.1
- Taille
- 30 × 30
- Mots-clés
- wmo4680 64, yahoo 8, wmo4680 66, wmo4680 46, yahoo 17, wmo4680 65, forecast io hail, owm 906, wmo4680 45, wmo4680 25, wmo4680 89, yahoo 10
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path fill="currentColor" d="M4.64 16.9c0 1.33.46 2.47 1.39 3.43s2.06 1.47 3.4 1.53c.11 0 .17-.06.17-.17v-1.34c0-.11-.06-.17-.17-.17c-.86-.04-1.58-.38-2.18-1.02s-.9-1.39-.9-2.26c0-.83.28-1.54.84-2.16c.56-.61 1.26-.97 2.09-1.07l.53-.03c.13 0 .2-.06.2-.19l.06-.53c.11-1.08.56-1.99 1.37-2.71c.81-.73 1.76-1.09 2.85-1.09s2.04.36 2.85 1.09s1.27 1.63 1.39 2.71l.08.58c0 .11.06.17.18.17h1.61q1.335 0 2.31.96c.65.64.98 1.39.98 2.27c0 .87-.3 1.62-.9 2.26s-1.33.98-2.18 1.02c-.13 0-.2.06-.2.17v1.34c0 .11.07.17.2.17c.87-.02 1.67-.26 2.4-.71s1.31-1.05 1.73-1.8s.63-1.57.63-2.44c0-.89-.22-1.72-.67-2.47c-.44-.75-1.05-1.35-1.81-1.78S21.29 12 20.4 12h-.32c-.32-1.34-1.03-2.43-2.1-3.28s-2.3-1.28-3.68-1.28c-1.41 0-2.66.44-3.75 1.31a5.83 5.83 0 0 0-2.1 3.35c-1.11.26-2.02.83-2.73 1.73s-1.08 1.92-1.08 3.07m5.45 7.2c.09.21.25.37.46.46c.2.1.41.11.62.02c.22-.09.36-.24.45-.45c.1-.22.11-.43.02-.64c-.08-.21-.24-.35-.45-.44c-.2-.11-.4-.12-.61-.03a.85.85 0 0 0-.46.47c-.11.17-.11.37-.03.61m.63-2.82q0 .24.15.45c.1.15.26.25.46.32c.19.11.4.12.62.01c.22-.1.37-.3.44-.6l.9-3.38c.06-.25.04-.47-.08-.67a.72.72 0 0 0-.53-.36a.84.84 0 0 0-.71.12c-.15.1-.26.25-.32.44L10.77 21c-.04.16-.05.25-.05.28m1.86 5.59c0 .12.02.22.06.29q.135.33.45.45c.09.05.2.08.33.08q.09 0 .3-.06c.22-.08.38-.23.47-.45q.15-.33 0-.66a.88.88 0 0 0-.45-.46c-.2-.09-.4-.09-.62 0a.8.8 0 0 0-.41.36c-.09.16-.13.31-.13.45m.73-2.61c0 .37.21.61.63.73a.86.86 0 0 0 .62-.04q.315-.12.42-.57l1.67-6.29c.06-.24.04-.45-.06-.65a.76.76 0 0 0-.49-.38q-.12-.03-.27-.03a.9.9 0 0 0-.48.15c-.16.1-.26.25-.3.44l-1.71 6.34q-.03.21-.03.3m3.43-.46c0 .12.02.23.08.32c.08.19.23.34.44.44c.11.04.23.07.35.07q.09 0 .3-.06c.21-.08.37-.23.46-.44c.07-.22.07-.43-.01-.63a.84.84 0 0 0-.42-.45c-.23-.11-.44-.12-.65-.03a.85.85 0 0 0-.46.47c-.06.1-.09.2-.09.31m.73-2.57c0 .14.05.29.16.45q.165.24.45.33c.16.03.25.05.27.05c.09 0 .22-.03.37-.1c.2-.09.33-.27.4-.52l.9-3.34l.03-.26c0-.16-.05-.31-.15-.46a.78.78 0 0 0-.45-.31c-.09-.02-.18-.03-.26-.03c-.16 0-.32.05-.47.15s-.25.25-.31.45l-.9 3.36z"/></svg>Comment utiliser l'icône Hail
React
import { Icon } from "@iconify/react";
<Icon icon="wi:hail" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="wi:hail" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="wi:hail" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[wi--hail]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/wi -->
<div class="i-wi:hail"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="wi:hail"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/wi/hail.svg" alt="Icône Hail" width="24" height="24">L'icône Hail dans d'autres collections
FAQ : Icône Hail
L'icône Hail est-elle gratuite pour un usage commercial ?
Oui. Les Weather Icons sont publiées sous la Open Font License, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Hail dans React ?
Installez @iconify/react et affichez <Icon icon="wi:hail" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Hail à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/wi/hail.svg" alt="Icône Hail">, ou collez le code SVG directement dans la page pour le styliser en CSS.