Icône Partly Cloudy Day Outline Rounded
material-symbols:partly-cloudy-day-outline-rounded
L'icône Partly Cloudy Day Outline Rounded (material-symbols:partly-cloudy-day-outline-rounded) est une icône SVG gratuite de la collection Material Symbols par Google. Elle est dessinée sur une grille de 24 × 24. Les Material Symbols icons sont publiées sous la licence Apache 2.0, 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
- Material Symbols
- Auteur
- Google
- Licence
- Apache-2.0
- Taille
- 24 × 24
- Catégorie
- Social
- Mots-clés
- partlycloudy, cloudyday, dayoutline, outlinerounded, partlycloudydayoutlinerounded
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.288 4.713Q11 4.425 11 4V2q0-.425.288-.712T12 1t.713.288T13 2v2q0 .425-.288.713T12 5t-.712-.288M16.95 7.05q-.275-.275-.275-.7t.275-.7l1.4-1.425q.3-.3.712-.3t.713.3q.275.275.275.7t-.275.7L18.35 7.05q-.275.275-.7.275t-.7-.275M20 13q-.425 0-.713-.288T19 12t.288-.712T20 11h2q.425 0 .713.288T23 12t-.288.713T22 13zm-1.65 6.775l-1.4-1.425q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275l1.425 1.4q.3.3.3.712t-.3.713t-.712.3t-.713-.3M5.65 7.05L4.225 5.625q-.275-.275-.275-.7t.275-.7q.3-.3.713-.3t.712.3l1.4 1.425q.275.275.275.7t-.275.7t-.7.275t-.7-.275M6 19h4.5q.625 0 1.063-.437T12 17.5t-.425-1.062t-1.05-.438H9.25l-.5-1.2q-.35-.825-1.1-1.312T6 13q-1.25 0-2.125.875T3 16t.875 2.125T6 19m0 2q-2.075 0-3.537-1.463T1 16t1.463-3.537T6 11q1.5 0 2.738.813T10.575 14q1.45 0 2.438 1.075T14 17.65q-.05 1.425-1.062 2.388T10.5 21zm8-3.35q-.125-.5-.25-.975t-.25-.975q1.125-.475 1.813-1.475T16 12q0-1.65-1.175-2.825T12 8q-1.5 0-2.625.975T8.05 11.45q-.5-.125-1.025-.225T6 11q.35-2.2 2.063-3.6T12 6q2.5 0 4.25 1.75T18 12q0 1.925-1.1 3.463T14 17.65M12.025 12"/></svg>
Comment utiliser l'icône Partly Cloudy Day Outline Rounded
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols:partly-cloudy-day-outline-rounded" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols:partly-cloudy-day-outline-rounded" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols:partly-cloudy-day-outline-rounded" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--partly-cloudy-day-outline-rounded]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:partly-cloudy-day-outline-rounded"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols:partly-cloudy-day-outline-rounded"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/material-symbols/partly-cloudy-day-outline-rounded.svg" alt="Icône Partly Cloudy Day Outline Rounded" width="24" height="24">
Icônes similaires dans Material Symbols
L'icône Partly Cloudy Day Outline Rounded dans d'autres collections
FAQ : Icône Partly Cloudy Day Outline Rounded
L'icône Partly Cloudy Day Outline Rounded est-elle gratuite pour un usage commercial ?
Oui. Les Material Symbols icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Partly Cloudy Day Outline Rounded dans React ?
Installez @iconify/react et affichez <Icon icon="material-symbols:partly-cloudy-day-outline-rounded" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Partly Cloudy Day Outline Rounded à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/material-symbols/partly-cloudy-day-outline-rounded.svg" alt="Icône Partly Cloudy Day Outline Rounded">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Material Symbols →
ICONYZ
