Icône Snowflake Cold
wi:snowflake-cold
L'icône Snowflake Cold (wi:snowflake-cold) 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
- snowflakecold, wmo4680 55, owm 903, wmo4680 54, wmo4680 74, yahoo 25, wmo4680 78, owm night 903, wmo4680 76, owm day 903, wmo4680 56, wmo4680 75
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path fill="currentColor" d="M7.46 14.41c0-.19.07-.36.2-.5a.63.63 0 0 1 .48-.21c.19 0 .36.07.49.21s.2.3.2.5c0 .19-.07.35-.2.48a.673.673 0 0 1-.96 0a.62.62 0 0 1-.21-.48m1.98 0c0-.19.07-.36.2-.5a.63.63 0 0 1 .48-.21h3.23l-2.28-2.28a.6.6 0 0 1-.21-.47c0-.19.07-.35.21-.49s.3-.21.49-.21s.35.07.49.21l2.27 2.27V9.52c0-.19.07-.36.21-.5s.3-.21.5-.21q.285 0 .48.21c.13.14.2.3.2.5v3.23l2.29-2.3q.21-.21.48-.21c.18 0 .35.07.49.21c.12.14.18.3.18.49s-.06.35-.18.47l-2.28 2.28h3.23c.18 0 .34.07.47.21s.2.3.2.5c0 .18-.07.34-.2.47a.65.65 0 0 1-.47.2h-3.23l2.29 2.29c.12.12.18.28.18.47s-.06.35-.18.49c-.14.14-.31.21-.49.21s-.35-.07-.48-.21l-2.29-2.3v3.24c0 .19-.07.36-.2.49s-.29.2-.48.2a.72.72 0 0 1-.5-.2a.65.65 0 0 1-.21-.49v-3.22l-2.27 2.27c-.14.14-.3.21-.49.21s-.35-.07-.49-.21s-.21-.3-.21-.49s.07-.34.21-.47l2.3-2.29h-3.24c-.19 0-.35-.07-.48-.2a.51.51 0 0 1-.22-.45m.01 4.84c0-.18.07-.35.21-.48c.12-.14.28-.21.47-.21s.35.07.49.21q.21.21.21.48c0 .18-.07.35-.21.48c-.14.14-.3.21-.49.21s-.35-.07-.47-.21a.63.63 0 0 1-.21-.48m0-9.71c0-.18.07-.35.21-.48c.12-.14.28-.21.47-.21s.35.07.49.21q.21.21.21.48c0 .27-.07.35-.21.49s-.3.21-.49.21s-.35-.07-.47-.21a.68.68 0 0 1-.21-.49m4.85 11.71c0-.18.07-.34.21-.47s.3-.2.5-.2c.19 0 .35.07.48.2s.2.29.2.47c0 .19-.07.36-.2.49s-.29.2-.48.2a.72.72 0 0 1-.5-.2a.64.64 0 0 1-.21-.49m0-13.71c0-.19.07-.36.21-.49s.3-.2.5-.2c.19 0 .35.07.48.2a.68.68 0 0 1-.48 1.16a.72.72 0 0 1-.5-.2a.62.62 0 0 1-.21-.47m4.87 11.71c0-.18.07-.35.21-.48c.12-.14.28-.21.47-.21s.35.07.49.21q.21.21.21.48c0 .18-.07.35-.21.48c-.14.14-.3.21-.49.21s-.35-.07-.47-.21a.63.63 0 0 1-.21-.48m0-9.71c0-.18.07-.35.21-.48c.12-.14.28-.21.47-.21s.35.07.49.21q.21.21.21.48c0 .27-.07.35-.21.49s-.3.21-.49.21s-.35-.07-.47-.21a.68.68 0 0 1-.21-.49m2 4.87c0-.19.07-.36.2-.5s.3-.21.49-.21c.18 0 .34.07.47.21s.2.3.2.5c0 .18-.07.34-.2.47a.68.68 0 0 1-.96 0a.65.65 0 0 1-.2-.47"/></svg>Comment utiliser l'icône Snowflake Cold
React
import { Icon } from "@iconify/react";
<Icon icon="wi:snowflake-cold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="wi:snowflake-cold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="wi:snowflake-cold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[wi--snowflake-cold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/wi -->
<div class="i-wi:snowflake-cold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="wi:snowflake-cold"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/wi/snowflake-cold.svg" alt="Icône Snowflake Cold" width="24" height="24">FAQ : Icône Snowflake Cold
L'icône Snowflake Cold 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 Snowflake Cold dans React ?
Installez @iconify/react et affichez <Icon icon="wi:snowflake-cold" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Snowflake Cold à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/wi/snowflake-cold.svg" alt="Icône Snowflake Cold">, ou collez le code SVG directement dans la page pour le styliser en CSS.