Icône Letter Switch
material-symbols-light:letter-switch
L'icône Letter Switch (material-symbols-light:letter-switch) 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
- Licence
- Apache-2.0
- Taille
- 24 × 24
- Catégorie
- Texte
- Mots-clés
- letterswitch, letter switch sharp, letter switch outline, letter switch 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="M15.558 21v-4.423h1v2.948q1.223-1.558 1.832-3.478q.61-1.92.61-4.066t-.61-4.057t-1.832-3.449v2.948h-1V3h4.423v1H17.46q1.269 1.654 1.905 3.694Q20 9.734 20 12t-.636 4.306T17.46 20h2.522v1zm-7.139-4.608H6.65v1.239h1.77zm2.681 0H9.273v1.239H11.1zm-.256-3.628v.653h1.764v.793h-1.764v.779h-.786v-.78h-2.43v.78h-.786v-.78H5.06v-.792h1.783v-.653h.787v.653h2.429v-.653zm-5.455 8.12q-.106-.222-.226-.414t-.274-.358q1.107-.17 1.94-.569q.835-.399 1.294-1.12h-3.17v-.787h.905v-2.03h2.536v-.879h.854v.879h2.662v2.03h.798v.787H9.48q.725.725 1.563 1.16q.839.434 1.754.548q-.142.173-.247.352q-.105.178-.191.401q-1.04-.125-1.947-.649T8.839 18.82q-.472.731-1.3 1.203q-.827.472-2.15.863M6.014 10.4l-.797-.396q.61-.987 1.04-1.968t.705-2.238H5.16v-.839h1.986q.12-.442.179-.9q.06-.457.084-.925l.922.335q-.077.489-.158.865q-.08.377-.167.725h.89q.61 0 1.033.428t.429 1.332q.006.535-.093 1.227q-.1.692-.323 1.292q-.132.36-.266.531t-.314.296q-.162.106-.354.162t-.404.025l-.988-.09l-.162-.758h.95q.283 0 .517-.12t.348-.436q.148-.38.21-.991t.058-1.041q0-.639-.282-.863t-.67-.224h-.727q-.287 1.163-.742 2.293q-.454 1.13-1.102 2.278m5.505-6.1q.429.716.8 1.471t.662 1.571l-.935.397q-.2-.802-.548-1.57q-.348-.769-.852-1.473z"/></svg>Comment utiliser l'icône Letter Switch
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:letter-switch" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:letter-switch" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:letter-switch" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--letter-switch]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:letter-switch"></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:letter-switch"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/letter-switch.svg" alt="Icône Letter Switch" width="24" height="24">Icônes similaires dans Material Symbols Light
L'icône Letter Switch dans d'autres collections
FAQ : Icône Letter Switch
L'icône Letter Switch 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 Letter Switch dans React ?
Installez @iconify/react et affichez <Icon icon="material-symbols-light:letter-switch" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Letter Switch à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/material-symbols-light/letter-switch.svg" alt="Icône Letter Switch">, ou collez le code SVG directement dans la page pour le styliser en CSS.