Icône Volcano
wi:volcano
L'icône Volcano (wi:volcano) 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
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path fill="currentColor" d="M7.39 22.61q-.18-.405.09-.81l1.4-2.67c.01-.04.05-.09.11-.15c.04-.04.17-.14.38-.29c.02-.01.25-.18.68-.5c.48-.32 1.03-.72 1.68-1.19l1.8-2.98c.17-.27.41-.41.72-.41h.7q-.24.285-.45.6c-.14.21-.27.5-.38.85c-.12.36-.18.71-.18 1.07s.09.77.28 1.25c.19.47.48.94.88 1.39c.27.31.44.62.5.93s.02.58-.1.83s-.32.5-.59.74s-.56.45-.88.63s-.68.35-1.07.52s-.75.3-1.05.41c-.31.1-.62.2-.93.29H8.16c-.16 0-.32-.05-.46-.14a.7.7 0 0 1-.31-.37m2.75-14.87c0-.46.15-.88.45-1.24c.3-.37.69-.6 1.16-.72c.11-.56.4-1.02.85-1.38s.98-.54 1.56-.54c.56 0 1.06.17 1.5.52s.73.8.86 1.35h.14q.855 0 1.5.54c.42.36.64.79.64 1.3c0 .56-.22 1.03-.65 1.43c0 .27-.12.59-.36.93c-.24.35-.5.55-.78.61c-.06.31-.21.57-.43.78c-.23.22-.5.36-.82.43c.15.16.22.34.22.54c0 .25-.09.46-.26.63a.9.9 0 0 1-.64.25c-.24 0-.45-.09-.63-.26a.82.82 0 0 1-.26-.62c0-.03.01-.08.02-.14s.02-.11.02-.13h-.03c-.29 0-.54-.11-.75-.32a1.03 1.03 0 0 1-.32-.75c0-.12.06-.3.18-.53q-.36-.18-.57-.63h-.63a2.2 2.2 0 0 1-1.39-.65c-.38-.38-.58-.85-.58-1.4m4.62 7.74c0-.16.02-.34.07-.54s.11-.35.16-.47q.075-.18.21-.45c.09-.18.15-.31.19-.41h.38c.28 0 .49.11.66.32l.07.1l1.31 2.48l4.65 5.23l.04.03c.21.27.24.56.08.88c-.15.31-.4.46-.75.46H16.2c.17-.16.32-.29.44-.39c.12-.11.27-.27.45-.49s.33-.43.42-.61s.17-.42.23-.69s.07-.53.01-.79c-.06-.25-.18-.53-.38-.84c-.19-.31-.46-.61-.81-.91c-.34-.3-.64-.59-.88-.88c-.24-.28-.43-.54-.56-.76s-.23-.45-.29-.68c-.04-.23-.07-.43-.07-.59"/></svg>
Comment utiliser l'icône Volcano
React
import { Icon } from "@iconify/react";
<Icon icon="wi:volcano" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="wi:volcano" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="wi:volcano" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[wi--volcano]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/wi -->
<div class="i-wi:volcano"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="wi:volcano"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/wi/volcano.svg" alt="Icône Volcano" width="24" height="24">
L'icône Volcano dans d'autres collections
FAQ : Icône Volcano
L'icône Volcano 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 Volcano dans React ?
Installez @iconify/react et affichez <Icon icon="wi:volcano" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Volcano à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/wi/volcano.svg" alt="Icône Volcano">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Weather Icons →
ICONYZ
