Ícone Letter Switch
material-symbols-light:letter-switch
O ícone Letter Switch (material-symbols-light:letter-switch) é um ícone SVG gratuito da coleção Material Symbols Light de Google. Ele é desenhado em uma grade de 24 × 24. Material Symbols Light icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Material Symbols Light
- Autor
- Licença
- Apache-2.0
- Tamanho
- 24 × 24
- Categoria
- Texto
- Tags
- letterswitch, letter switch sharp, letter switch outline, letter switch outline sharp
Código 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>Como usar o ícone 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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/letter-switch.svg" alt="Ícone Letter Switch" width="24" height="24">Ícones relacionados em Material Symbols Light
O ícone Letter Switch em outras coleções
Perguntas frequentes sobre Ícone Letter Switch
O ícone Letter Switch é grátis para uso comercial?
Sim. Material Symbols Light icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Letter Switch no React?
Instale @iconify/react e renderize <Icon icon="material-symbols-light:letter-switch" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Letter Switch a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/material-symbols-light/letter-switch.svg" alt="Ícone Letter Switch">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.