Icône Light Mode Rounded

material-symbols:light-mode-rounded

L'icône Light Mode Rounded (material-symbols:light-mode-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: Android
Mots-clés: bright, brightness, day, device, light, lighting, mode, morning, sky, sun, sunny, lightmode, moderounded, lightmoderounded

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8.463 15.538Q7 14.075 7 12t1.463-3.537T12 7t3.538 1.463T17 12t-1.463 3.538T12 17t-3.537-1.463M2 13q-.425 0-.712-.288T1 12t.288-.712T2 11h2q.425 0 .713.288T5 12t-.288.713T4 13zm18 0q-.425 0-.712-.288T19 12t.288-.712T20 11h2q.425 0 .713.288T23 12t-.288.713T22 13zm-8.712-8.287Q11 4.425 11 4V2q0-.425.288-.712T12 1t.713.288T13 2v2q0 .425-.288.713T12 5t-.712-.288m0 18Q11 22.426 11 22v-2q0-.425.288-.712T12 19t.713.288T13 20v2q0 .425-.288.713T12 23t-.712-.288M5.65 7.05L4.575 6q-.3-.275-.288-.7t.288-.725q.3-.3.725-.3t.7.3L7.05 5.65q.275.3.275.7t-.275.7t-.687.288t-.713-.288M18 19.425l-1.05-1.075q-.275-.3-.275-.712t.275-.688q.275-.3.688-.287t.712.287L19.425 18q.3.275.288.7t-.288.725q-.3.3-.725.3t-.7-.3M16.95 7.05q-.3-.275-.288-.687t.288-.713L18 4.575q.275-.3.7-.288t.725.288q.3.3.3.725t-.3.7L18.35 7.05q-.3.275-.7.275t-.7-.275M4.575 19.425q-.3-.3-.3-.725t.3-.7l1.075-1.05q.3-.275.712-.275t.688.275q.3.275.288.688t-.288.712L6 19.425q-.275.3-.7.288t-.725-.288"/></svg>

Comment utiliser l'icône Light Mode Rounded

React

import { Icon } from "@iconify/react";

<Icon icon="material-symbols:light-mode-rounded" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="material-symbols:light-mode-rounded" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="material-symbols:light-mode-rounded" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--light-mode-rounded]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:light-mode-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:light-mode-rounded"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/material-symbols/light-mode-rounded.svg" alt="Icône Light Mode Rounded" width="24" height="24">

Icônes similaires dans Material Symbols

L'icône Light Mode Rounded dans d'autres collections

FAQ : Icône Light Mode Rounded

L'icône Light Mode 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 Light Mode Rounded dans React ?

Installez @iconify/react et affichez <Icon icon="material-symbols:light-mode-rounded" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Light Mode Rounded à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/material-symbols/light-mode-rounded.svg" alt="Icône Light Mode Rounded">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Material Symbols →