Иконка Letter Switch Rounded
material-symbols-light:letter-switch-rounded
Иконка Letter Switch Rounded (material-symbols-light:letter-switch-rounded) — бесплатная SVG-иконка из набора Material Symbols Light от Google. Она нарисована на сетке 24 × 24. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Material Symbols Light
- Автор
- Лицензия
- Apache-2.0
- Размер
- 24 × 24
- Категория
- Текст
- Теги
- letterswitch, switchrounded, letterswitchrounded, letter switch outline rounded
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.366 21q-.344 0-.576-.232q-.232-.233-.232-.576v-3.115q0-.213.144-.356q.144-.144.356-.144q.213 0 .357.144t.143.356v2.448q1.223-1.558 1.833-3.478T19 11.981t-.61-4.057t-1.832-3.449v2.448q0 .213-.144.356t-.357.144t-.356-.144t-.143-.356V3.808q0-.343.232-.576T16.366 3h3.115q.212 0 .356.144t.144.357t-.144.356t-.356.143h-2.022q1.27 1.654 1.906 3.694T20 12t-.636 4.306T17.46 20h2.022q.212 0 .356.144t.144.357t-.144.356t-.356.143zM6.65 17.63h1.77v-1.238H6.65zm2.623 0H11.1v-1.238H9.273zm-2.316-2.758q-.115-.118-.115-.28v-.382H5.456q-.162 0-.28-.118q-.116-.119-.116-.282t.117-.278t.279-.115h1.386v-.263q0-.167.119-.279q.117-.111.281-.111t.275.111t.112.279v.263h2.429v-.263q0-.167.118-.279q.118-.111.282-.111t.275.111t.111.279v.263h1.368q.162 0 .279.119q.117.118.117.281t-.117.278t-.28.115h-1.367v.388q0 .168-.111.279t-.28.112q-.166 0-.281-.117q-.114-.118-.114-.28v-.382h-2.43v.388q0 .168-.11.279t-.28.112t-.281-.117m1.881 3.947q-.41.658-1.111 1.098t-1.812.812q-.223.075-.427.016t-.334-.255q-.093-.144-.012-.28q.081-.135.273-.185q.914-.188 1.612-.58q.698-.393 1.096-1.022H5.344q-.167 0-.278-.118t-.112-.282t.117-.275t.279-.111h.508V16.01q0-.162.12-.283q.122-.121.284-.121h2.132v-.452q0-.178.124-.302t.3-.125t.303.125t.127.302v.452h2.258q.161 0 .283.121q.12.121.12.283v1.627h.408q.168 0 .28.111q.11.112.11.279t-.11.282t-.28.114H9.481q.619.639 1.337 1.045t1.492.582q.173.05.269.183q.096.132.006.276q-.108.197-.3.274q-.19.076-.414.02q-.887-.207-1.67-.705t-1.363-1.279m-.234-8.467l-.723-.073q-.123-.012-.204-.094t-.117-.231q-.05-.177.07-.314q.12-.136.293-.136h.48q.284 0 .518-.12t.348-.436q.148-.38.21-.991t.058-1.041q0-.639-.286-.863t-.667-.224h-.726q-.256 1.046-.645 2.059t-.946 2.054q-.111.18-.287.263t-.36-.003q-.168-.087-.208-.272t.07-.359q.512-.88.874-1.776t.606-1.997H5.579q-.177 0-.298-.121t-.121-.3t.12-.297t.299-.12h1.567q.089-.331.136-.647q.047-.315.097-.665q.025-.198.173-.3t.32-.043q.205.078.32.254q.114.175.064.399q-.07.332-.132.592t-.118.51h.89q.612 0 1.034.427t.428 1.332q.006.535-.093 1.227q-.1.692-.323 1.292q-.132.36-.266.531t-.314.296q-.156.1-.351.159t-.407.028m3.929-2.812q-.208.087-.388-.015t-.241-.32q-.181-.542-.421-1.05q-.24-.507-.552-1.013q-.112-.167-.062-.362t.227-.282q.195-.087.386-.022q.192.066.297.27q.287.512.54 1.032q.252.52.464 1.056q.086.218.022.419t-.272.287"/></svg>Как использовать иконку Letter Switch Rounded
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:letter-switch-rounded" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:letter-switch-rounded" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:letter-switch-rounded" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--letter-switch-rounded]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:letter-switch-rounded"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:letter-switch-rounded"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/letter-switch-rounded.svg" alt="Иконка Letter Switch Rounded" width="24" height="24">Похожие иконки в наборе Material Symbols Light
Иконка Letter Switch Rounded в других наборах
Вопросы и ответы: Иконка Letter Switch Rounded
Можно ли бесплатно использовать иконку Letter Switch Rounded в коммерческих проектах?
Да. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Letter Switch Rounded в React?
Установите @iconify/react и выведите <Icon icon="material-symbols-light:letter-switch-rounded" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Letter Switch Rounded на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/material-symbols-light/letter-switch-rounded.svg" alt="Иконка Letter Switch Rounded">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.