Icône Celsius
wi:celsius
L'icône Celsius (wi:celsius) 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="M9.75 10.98c0-.5.18-.93.53-1.28c.36-.36.78-.53 1.28-.53c.49 0 .92.18 1.27.53c.35.36.53.78.53 1.28s-.18.93-.53 1.28c-.35.36-.78.53-1.27.53c-.5 0-.93-.18-1.28-.53s-.53-.78-.53-1.28m.88 0c0 .26.09.48.27.67c.19.19.41.28.67.28s.48-.09.67-.28s.28-.41.28-.67s-.09-.48-.28-.67s-.41-.28-.67-.28s-.48.09-.67.28a.92.92 0 0 0-.27.67m3.89 4.42c0 .77.21 1.45.64 2.05q.33.465.93.75c.39.18.84.28 1.34.28c1.46 0 2.38-.56 2.75-1.67c.04-.14.02-.28-.06-.41a.5.5 0 0 0-.33-.23a.44.44 0 0 0-.4.07c-.12.08-.2.19-.23.34c0 .01 0 .02-.01.05l-.02.07q-.165.285-.45.45c-.31.19-.72.28-1.23.28c-.31 0-.59-.05-.83-.16c-.4-.17-.68-.47-.85-.89c-.11-.27-.17-.6-.17-.97v-3.22q0-.225.03-.45c.04-.38.19-.73.45-1.04c.29-.35.75-.52 1.38-.52q.78 0 1.23.27q.3.18.45.45c.01.02.01.05.02.08s.01.05.01.06c.04.14.12.24.23.3c.12.07.25.08.4.05c.14-.03.25-.11.33-.23s.1-.25.06-.4v-.01l-.08-.23c-.05-.11-.14-.26-.28-.43c-.13-.18-.29-.32-.45-.44c-.21-.15-.48-.27-.82-.38q-.51-.15-1.11-.15c-.51 0-.95.09-1.35.27c-.39.18-.7.42-.91.73c-.43.59-.65 1.28-.65 2.07v3.21z"/></svg>
Comment utiliser l'icône Celsius
React
import { Icon } from "@iconify/react";
<Icon icon="wi:celsius" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="wi:celsius" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="wi:celsius" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[wi--celsius]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/wi -->
<div class="i-wi:celsius"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="wi:celsius"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/wi/celsius.svg" alt="Icône Celsius" width="24" height="24">
L'icône Celsius dans d'autres collections
FAQ : Icône Celsius
L'icône Celsius 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 Celsius dans React ?
Installez @iconify/react et affichez <Icon icon="wi:celsius" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Celsius à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/wi/celsius.svg" alt="Icône Celsius">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Weather Icons →
ICONYZ
