Icône Mode Fan Outline
material-symbols-light:mode-fan-outline
L'icône Mode Fan Outline (material-symbols-light:mode-fan-outline) est une icône SVG gratuite de la collection Material Symbols Light par Google. Elle est dessinée sur une grille de 24 × 24. Les Material Symbols Light 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 Light
- Auteur
- Google
- Licence
- Apache-2.0
- Taille
- 24 × 24
- Catégorie
- Maison
- Mots-clés
- modefan, fanoutline, modefanoutline, mode fan outline rounded, mode fan outline sharp
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10.716 20.808q-.974 0-1.48-.577q-.505-.576-.505-1.313q0-.491.21-.969q.211-.478.676-.782q.57-.388.945-1.044t.56-1.454q-.247-.094-.484-.217q-.236-.123-.457-.32l-2.339.845q-.367.13-.696.211t-.677.081q-1.294 0-2.285-1.16t-.992-3.394q0-.973.573-1.479t1.287-.505q.515 0 .996.21q.48.211.785.676q.388.57 1.044.945t1.454.56q.094-.247.217-.484q.123-.236.32-.457l-.845-2.339q-.13-.348-.212-.69q-.08-.343-.08-.666q0-1.523 1.327-2.408q1.326-.886 3.226-.886q.974 0 1.48.57q.505.57.505 1.28q0 .487-.21.977q-.211.49-.676.794q-.57.389-.946 1.054q-.376.666-.558 1.464q.265.113.503.24q.239.127.437.296l2.339-.869q.367-.13.685-.199q.318-.068.667-.068q1.663 0 2.48 1.406q.818 1.405.818 3.147q0 .974-.608 1.48t-1.348.505q-.475 0-.928-.21q-.453-.211-.757-.676q-.388-.57-1.044-.945t-1.454-.56q-.094.247-.217.474t-.32.467l.845 2.339q.125.345.209.658t.083.617q-.013 1.298-1.164 2.336t-3.39 1.039m1.29-7q.755 0 1.279-.529q.524-.528.524-1.283t-.529-1.28t-1.283-.524t-1.28.529t-.524 1.284t.529 1.279t1.284.524m-1.309-4.281q.285-.165.582-.241t.6-.082q.2-1.031.687-1.873q.485-.842 1.256-1.346q.221-.158.335-.385t.113-.548q0-.362-.236-.61q-.237-.25-.748-.25q-.993 0-2.248.47q-1.254.468-1.306 1.832q0 .256.072.475q.072.22.122.395zm-4.234 4.742q.33 0 .902-.194l2.182-.771q-.165-.246-.25-.544q-.086-.297-.092-.639q-1.031-.2-1.873-.686q-.842-.485-1.346-1.256q-.158-.221-.417-.335t-.516-.113q-.417 0-.638.236q-.222.237-.222.748q0 1.411.582 2.483q.581 1.071 1.688 1.071m4.254 5.539q1.214 0 2.39-.543q1.175-.542 1.163-1.832q0-.235-.072-.44q-.072-.207-.122-.357l-.771-2.182q-.285.184-.61.26t-.573.082q-.2 1.031-.685 1.873t-1.257 1.346q-.202.139-.328.397t-.12.511q.006.354.236.62q.231.265.748.265m8.159-5.539q.372 0 .653-.211t.28-.774q0-.992-.454-2.26q-.455-1.267-1.847-1.293q-.256 0-.465.05t-.404.119l-2.164.796q.146.265.232.572t.091.61q1.031.2 1.873.686t1.347 1.257q.113.183.361.315q.249.133.497.133m-6.753.527"/></svg>
Comment utiliser l'icône Mode Fan Outline
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:mode-fan-outline" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:mode-fan-outline" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:mode-fan-outline" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--mode-fan-outline]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:mode-fan-outline"></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-fan-outline"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/mode-fan-outline.svg" alt="Icône Mode Fan Outline" width="24" height="24">
Icônes similaires dans Material Symbols Light
L'icône Mode Fan Outline dans d'autres collections
FAQ : Icône Mode Fan Outline
L'icône Mode Fan Outline est-elle gratuite pour un usage commercial ?
Oui. Les Material Symbols Light 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 Mode Fan Outline dans React ?
Installez @iconify/react et affichez <Icon icon="material-symbols-light:mode-fan-outline" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Mode Fan Outline à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/material-symbols-light/mode-fan-outline.svg" alt="Icône Mode Fan Outline">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Material Symbols Light →
