Icône Weather Map
gis:weather-map
L'icône Weather Map (gis:weather-map) est une icône SVG gratuite de la collection Font-GIS par Jean-Marc Viglino. Elle est dessinée sur une grille de 100 × 100. Les Font-GIS 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-GIS
- Auteur
- Jean-Marc Viglino
- Licence
- CC-BY-4.0
- Taille
- 100 × 100
- Catégorie
- Mots-clés
- weathermap
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="M2.5 12.5A2.5 2.5 0 0 0 0 15v70a2.5 2.5 0 0 0 2.5 2.5h95A2.5 2.5 0 0 0 100 85V15a2.5 2.5 0 0 0-2.5-2.5zm2.5 5h72.066c-3.48 1.554-6.828 3.507-10.025 5.742c-9.537 6.667-17.823 15.814-24.639 24.356l-.015.02l-.016.019C32.274 61.179 20.148 68.395 5 71.057zm81.447 0H95v13.598c-12.444-1.557-21.873.893-28.824 4.302l-.008.004l-.01.004c-13.24 6.71-17.638 16.772-21.726 26.25c-3.34 7.743-6.488 15.087-14.248 20.842H5v-8.451c16.007-2.72 29.157-10.397 39.746-24.58c6.726-8.43 14.866-17.373 24.014-23.768c5.567-3.892 11.476-6.834 17.687-8.201m-62.324 2.586a2 2 0 0 0-1.969 2.027v5.067a10.3 10.3 0 0 0-3.71 1.533l-3.58-3.58a2 2 0 0 0-1.436-.606a2 2 0 0 0-1.395 3.434l3.578 3.578a10.3 10.3 0 0 0-1.539 3.715H9.014a2 2 0 1 0 0 4h5.066a10.3 10.3 0 0 0 1.535 3.709l-3.582 3.582a2 2 0 1 0 2.83 2.828l3.578-3.578a10.3 10.3 0 0 0 3.713 1.539v5.059a2 2 0 1 0 4 0v-5.067a10.3 10.3 0 0 0 3.711-1.533l3.58 3.58a2 2 0 1 0 2.828-2.828l-3.578-3.578a10.3 10.3 0 0 0 1.54-3.713h5.058a2 2 0 1 0 0-4h-5.064a10.3 10.3 0 0 0-1.538-3.711l3.582-3.582a2 2 0 0 0-1.453-3.434a2 2 0 0 0-1.375.606l-3.578 3.578a10.3 10.3 0 0 0-3.713-1.54v-5.058a2 2 0 0 0-2.031-2.027m63.02 13.416l5.138 8.191L95 38.236V82.5H34.85a36 36 0 0 0 1.671-1.646l10.985-.463l-3.94-9.684c1.346-2.602 2.496-5.25 3.621-7.86c3.384-7.843 6.603-15.35 14.645-21.275l10.012 4.518l.812-10.147q.65-.225 1.323-.435l7.216 6.992l4.055-8.947q.93-.044 1.893-.051M69.518 52.873c-3.5 0-6.585 2.26-7.6 5.563a6.3 6.3 0 0 0-1.516-.196c-3.42 0-6.193 2.736-6.193 6.11c0 3.215 2.518 5.844 5.715 6.086a9 9 0 0 1-.067-1.018c0-4.744 3.94-8.61 8.694-8.61h.015c.027 0 .052.01.079.01c1.48-2.63 4.003-4.52 6.953-5.138a7.97 7.97 0 0 0-6.08-2.807m8.148 5.068c-3.499 0-6.585 2.26-7.6 5.563a6.3 6.3 0 0 0-1.515-.195c-3.42 0-6.193 2.735-6.194 6.109c0 3.374 2.773 6.11 6.194 6.11h15.633c2.858 0 5.174-2.285 5.173-5.104c-.002-2.279-1.537-4.28-3.76-4.903c-.139-4.223-3.647-7.577-7.931-7.58"/></svg>Comment utiliser l'icône Weather Map
React
import { Icon } from "@iconify/react";
<Icon icon="gis:weather-map" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="gis:weather-map" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="gis:weather-map" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[gis--weather-map]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/gis -->
<div class="i-gis:weather-map"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="gis:weather-map"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/gis/weather-map.svg" alt="Icône Weather Map" width="24" height="24">FAQ : Icône Weather Map
L'icône Weather Map est-elle gratuite pour un usage commercial ?
Oui. Les Font-GIS 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 Weather Map dans React ?
Installez @iconify/react et affichez <Icon icon="gis:weather-map" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Weather Map à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/gis/weather-map.svg" alt="Icône Weather Map">, ou collez le code SVG directement dans la page pour le styliser en CSS.