Icône Night Alt Partly Cloudy
wi:night-alt-partly-cloudy
L'icône Night Alt Partly Cloudy (wi:night-alt-partly-cloudy) 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
- nightalt, altpartly, partlycloudy, nightaltpartlycloudy
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path fill="currentColor" d="M6.77 19.65c0-.79.23-1.48.68-2.09s1.06-1.03 1.81-1.27c.32-1.09.98-1.92 1.99-2.49v-.35c0-1.46.46-2.74 1.38-3.85s2.09-1.8 3.5-2.06q.54-.09 1.08-.09h.03c.21 0 .44.02.7.05c.26.02.5.06.73.11l.91.28c.13.07.18.16.16.26l-.13.7c-.07.33-.11.65-.11.97c0 .35.05.71.16 1.07c.11.37.27.72.5 1.08s.52.68.91.97c.38.29.83.51 1.33.66l.71.21c.11.03.17.08.17.18c0 .04 0 .06-.01.07l-.18.68c-.06.24-.13.49-.22.73c-.15.44-.38.89-.7 1.37c0-.01 0-.01-.01-.01c-.44.63-.98 1.16-1.64 1.58c.14.34.21.75.21 1.24c0 .99-.35 1.83-1.04 2.53q-1.035 1.05-2.49 1.05h-6.85c-.97 0-1.81-.35-2.52-1.06c-.7-.71-1.06-1.55-1.06-2.52m1.98 0c0 .45.15.83.46 1.15s.69.47 1.14.47h6.85c.43 0 .8-.16 1.12-.48s.47-.7.47-1.14c0-.43-.16-.8-.47-1.12s-.69-.47-1.12-.47h-1.3c-.11 0-.19-.07-.25-.23l-.08-.64q-.105-.87-.75-1.44c-.645-.57-.93-.58-1.51-.58c-.57 0-1.06.19-1.48.58s-.66.87-.73 1.44l-.1.55c0 .15-.06.22-.19.22l-.63.08q-.615.06-1.02.51c-.27.32-.41.68-.41 1.1m4.43-6.4h.12c.93 0 1.75.26 2.49.78c.73.52 1.25 1.22 1.54 2.1c.77 0 1.45.24 2.03.72c.69-.43 1.2-1.02 1.53-1.75q-1.56-.78-2.43-2.25c-.87-1.47-.88-2.01-.88-3.11v-.35h-.24q-.915 0-1.77.39c-.57.26-1.05.64-1.44 1.12l-.03-.02c-.55.68-.85 1.47-.92 2.37"/></svg>
Comment utiliser l'icône Night Alt Partly Cloudy
React
import { Icon } from "@iconify/react";
<Icon icon="wi:night-alt-partly-cloudy" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="wi:night-alt-partly-cloudy" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="wi:night-alt-partly-cloudy" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[wi--night-alt-partly-cloudy]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/wi -->
<div class="i-wi:night-alt-partly-cloudy"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="wi:night-alt-partly-cloudy"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/wi/night-alt-partly-cloudy.svg" alt="Icône Night Alt Partly Cloudy" width="24" height="24">
Icônes similaires dans Weather Icons
FAQ : Icône Night Alt Partly Cloudy
L'icône Night Alt Partly Cloudy 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 Night Alt Partly Cloudy dans React ?
Installez @iconify/react et affichez <Icon icon="wi:night-alt-partly-cloudy" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Night Alt Partly Cloudy à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/wi/night-alt-partly-cloudy.svg" alt="Icône Night Alt Partly Cloudy">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Weather Icons →
