letter switch icon
letter-switch-rounded from Material Symbols by Google · Rounded · Text · Apache-2.0 Free for personal and commercial use.
- Name
- letter-switch-rounded
- Set
- Material Symbols
- Style
- Rounded
- Category
- Text
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- letter-switch-outline-rounded
1 other variant in Material Symbols
The same icon in other sets
More text icons from Material Symbols
add-column-leftadd-column-rightadd-linkadd-notesadd-row-aboveadd-row-belowadd-to-drivealign-centeralign-endalign-flex-centeralign-flex-endalign-flex-startalign-horizontal-centeralign-horizontal-leftalign-horizontal-rightalign-items-stretchalign-justify-centeralign-justify-flex-endalign-justify-flex-startalign-justify-space-aroundalign-justify-space-betweenalign-justify-space-evenalign-justify-stretchalign-self-stretch
Use the letter switch icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16 22q-.425 0-.712-.288T15 21v-4q0-.425.288-.712T16 16t.713.288T17 17v1.775q1.05-1.5 1.525-3.238T19 12t-.475-3.537T17 5.225V7q0 .425-.288.713T16 8t-.712-.288T15 7V3q0-.425.288-.712T16 2h4q.425 0 .713.288T21 3t-.288.713T20 4h-1.425q1.25 1.75 1.838 3.8T21 12t-.587 4.2t-1.838 3.8H20q.425 0 .713.288T21 21t-.288.713T20 22zM5.9 18.15h1.75v-1.2H5.9zm2.95 0h1.75v-1.2H8.85zm-2.787-2.862Q5.9 15.125 5.9 14.9v-.325H4.475q-.225 0-.387-.162t-.163-.388t.163-.387t.387-.163H5.9v-.225q0-.225.163-.375t.387-.15t.375.15t.15.375v.225H9.5v-.225q0-.225.163-.375t.387-.15t.375.15t.15.375v.225H12q.225 0 .388.163t.162.387t-.162.388t-.388.162h-1.425v.35q0 .225-.15.375t-.375.15t-.388-.162T9.5 14.9v-.325H6.975v.35q0 .225-.15.375t-.375.15t-.387-.162M8.3 19.8q-.525.85-1.4 1.3t-1.85.725q-.3.075-.6-.012t-.475-.363q-.125-.2-.025-.412t.35-.263q.875-.15 1.65-.475t1.25-1.05H4.325q-.225 0-.375-.162T3.8 18.7t.163-.375t.387-.15h.45v-1.8q0-.2.15-.35t.35-.15h2.325V15.5q0-.25.175-.425t.425-.175t.425.175t.175.425v.375h2.45q.2 0 .35.15t.15.35v1.8h.35q.225 0 .375.15t.15.375t-.15.388t-.375.162H9.25q.6.6 1.338.988t1.587.562q.25.05.375.25t0 .4q-.15.275-.437.4t-.588.05q-.95-.225-1.787-.763T8.3 19.8m-.35-9.275l-.8-.15q-.2-.05-.312-.187T6.675 9.8q-.05-.275.125-.488t.45-.212h.5q.225 0 .45-.062t.3-.263q.225-.65.288-1.338t.037-1.387q0-.35-.262-.612t-.613-.263H7.3q-.275 1.2-.712 2.338T5.575 9.75q-.15.275-.413.388t-.537-.013q-.25-.125-.3-.387t.1-.513q.55-.9.95-1.862T6 5.375H4.675q-.275 0-.462-.187t-.188-.463t.188-.462t.462-.188H6.3q.05-.35.088-.675t.087-.675q.025-.275.25-.425t.475-.075q.3.1.463.363t.112.562q-.05.275-.112.525t-.138.5H8.3q.725 0 1.225.563t.525 1.312q.025.9-.112 1.775T9.5 9.55q-.075.225-.238.425T8.9 10.3t-.45.2t-.5.025m4.4-3.35q-.275.125-.512-.025t-.338-.425q-.2-.6-.45-1.175t-.6-1.1q-.15-.225-.1-.487t.3-.388q.275-.125.55-.037t.425.362q.325.55.588 1.138t.512 1.162q.125.275.013.563t-.388.412"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLetterSwitchRounded(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16 22q-.425 0-.712-.288T15 21v-4q0-.425.288-.712T16 16t.713.288T17 17v1.775q1.05-1.5 1.525-3.238T19 12t-.475-3.537T17 5.225V7q0 .425-.288.713T16 8t-.712-.288T15 7V3q0-.425.288-.712T16 2h4q.425 0 .713.288T21 3t-.288.713T20 4h-1.425q1.25 1.75 1.838 3.8T21 12t-.587 4.2t-1.838 3.8H20q.425 0 .713.288T21 21t-.288.713T20 22zM5.9 18.15h1.75v-1.2H5.9zm2.95 0h1.75v-1.2H8.85zm-2.787-2.862Q5.9 15.125 5.9 14.9v-.325H4.475q-.225 0-.387-.162t-.163-.388t.163-.387t.387-.163H5.9v-.225q0-.225.163-.375t.387-.15t.375.15t.15.375v.225H9.5v-.225q0-.225.163-.375t.387-.15t.375.15t.15.375v.225H12q.225 0 .388.163t.162.387t-.162.388t-.388.162h-1.425v.35q0 .225-.15.375t-.375.15t-.388-.162T9.5 14.9v-.325H6.975v.35q0 .225-.15.375t-.375.15t-.387-.162M8.3 19.8q-.525.85-1.4 1.3t-1.85.725q-.3.075-.6-.012t-.475-.363q-.125-.2-.025-.412t.35-.263q.875-.15 1.65-.475t1.25-1.05H4.325q-.225 0-.375-.162T3.8 18.7t.163-.375t.387-.15h.45v-1.8q0-.2.15-.35t.35-.15h2.325V15.5q0-.25.175-.425t.425-.175t.425.175t.175.425v.375h2.45q.2 0 .35.15t.15.35v1.8h.35q.225 0 .375.15t.15.375t-.15.388t-.375.162H9.25q.6.6 1.338.988t1.587.562q.25.05.375.25t0 .4q-.15.275-.437.4t-.588.05q-.95-.225-1.787-.763T8.3 19.8m-.35-9.275l-.8-.15q-.2-.05-.312-.187T6.675 9.8q-.05-.275.125-.488t.45-.212h.5q.225 0 .45-.062t.3-.263q.225-.65.288-1.338t.037-1.387q0-.35-.262-.612t-.613-.263H7.3q-.275 1.2-.712 2.338T5.575 9.75q-.15.275-.413.388t-.537-.013q-.25-.125-.3-.387t.1-.513q.55-.9.95-1.862T6 5.375H4.675q-.275 0-.462-.187t-.188-.463t.188-.462t.462-.188H6.3q.05-.35.088-.675t.087-.675q.025-.275.25-.425t.475-.075q.3.1.463.363t.112.562q-.05.275-.112.525t-.138.5H8.3q.725 0 1.225.563t.525 1.312q.025.9-.112 1.775T9.5 9.55q-.075.225-.238.425T8.9 10.3t-.45.2t-.5.025m4.4-3.35q-.275.125-.512-.025t-.338-.425q-.2-.6-.45-1.175t-.6-1.1q-.15-.225-.1-.487t.3-.388q.275-.125.55-.037t.425.362q.325.55.588 1.138t.512 1.162q.125.275.013.563t-.388.412"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16 22q-.425 0-.712-.288T15 21v-4q0-.425.288-.712T16 16t.713.288T17 17v1.775q1.05-1.5 1.525-3.238T19 12t-.475-3.537T17 5.225V7q0 .425-.288.713T16 8t-.712-.288T15 7V3q0-.425.288-.712T16 2h4q.425 0 .713.288T21 3t-.288.713T20 4h-1.425q1.25 1.75 1.838 3.8T21 12t-.587 4.2t-1.838 3.8H20q.425 0 .713.288T21 21t-.288.713T20 22zM5.9 18.15h1.75v-1.2H5.9zm2.95 0h1.75v-1.2H8.85zm-2.787-2.862Q5.9 15.125 5.9 14.9v-.325H4.475q-.225 0-.387-.162t-.163-.388t.163-.387t.387-.163H5.9v-.225q0-.225.163-.375t.387-.15t.375.15t.15.375v.225H9.5v-.225q0-.225.163-.375t.387-.15t.375.15t.15.375v.225H12q.225 0 .388.163t.162.387t-.162.388t-.388.162h-1.425v.35q0 .225-.15.375t-.375.15t-.388-.162T9.5 14.9v-.325H6.975v.35q0 .225-.15.375t-.375.15t-.387-.162M8.3 19.8q-.525.85-1.4 1.3t-1.85.725q-.3.075-.6-.012t-.475-.363q-.125-.2-.025-.412t.35-.263q.875-.15 1.65-.475t1.25-1.05H4.325q-.225 0-.375-.162T3.8 18.7t.163-.375t.387-.15h.45v-1.8q0-.2.15-.35t.35-.15h2.325V15.5q0-.25.175-.425t.425-.175t.425.175t.175.425v.375h2.45q.2 0 .35.15t.15.35v1.8h.35q.225 0 .375.15t.15.375t-.15.388t-.375.162H9.25q.6.6 1.338.988t1.587.562q.25.05.375.25t0 .4q-.15.275-.437.4t-.588.05q-.95-.225-1.787-.763T8.3 19.8m-.35-9.275l-.8-.15q-.2-.05-.312-.187T6.675 9.8q-.05-.275.125-.488t.45-.212h.5q.225 0 .45-.062t.3-.263q.225-.65.288-1.338t.037-1.387q0-.35-.262-.612t-.613-.263H7.3q-.275 1.2-.712 2.338T5.575 9.75q-.15.275-.413.388t-.537-.013q-.25-.125-.3-.387t.1-.513q.55-.9.95-1.862T6 5.375H4.675q-.275 0-.462-.187t-.188-.463t.188-.462t.462-.188H6.3q.05-.35.088-.675t.087-.675q.025-.275.25-.425t.475-.075q.3.1.463.363t.112.562q-.05.275-.112.525t-.138.5H8.3q.725 0 1.225.563t.525 1.312q.025.9-.112 1.775T9.5 9.55q-.075.225-.238.425T8.9 10.3t-.45.2t-.5.025m4.4-3.35q-.275.125-.512-.025t-.338-.425q-.2-.6-.45-1.175t-.6-1.1q-.15-.225-.1-.487t.3-.388q.275-.125.55-.037t.425.362q.325.55.588 1.138t.512 1.162q.125.275.013.563t-.388.412"/></svg> </template>
CSS
.icon-letter-switch-rounded {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%2022q-.425%200-.712-.288T15%2021v-4q0-.425.288-.712T16%2016t.713.288T17%2017v1.775q1.05-1.5%201.525-3.238T19%2012t-.475-3.537T17%205.225V7q0%20.425-.288.713T16%208t-.712-.288T15%207V3q0-.425.288-.712T16%202h4q.425%200%20.713.288T21%203t-.288.713T20%204h-1.425q1.25%201.75%201.838%203.8T21%2012t-.587%204.2t-1.838%203.8H20q.425%200%20.713.288T21%2021t-.288.713T20%2022zM5.9%2018.15h1.75v-1.2H5.9zm2.95%200h1.75v-1.2H8.85zm-2.787-2.862Q5.9%2015.125%205.9%2014.9v-.325H4.475q-.225%200-.387-.162t-.163-.388t.163-.387t.387-.163H5.9v-.225q0-.225.163-.375t.387-.15t.375.15t.15.375v.225H9.5v-.225q0-.225.163-.375t.387-.15t.375.15t.15.375v.225H12q.225%200%20.388.163t.162.387t-.162.388t-.388.162h-1.425v.35q0%20.225-.15.375t-.375.15t-.388-.162T9.5%2014.9v-.325H6.975v.35q0%20.225-.15.375t-.375.15t-.387-.162M8.3%2019.8q-.525.85-1.4%201.3t-1.85.725q-.3.075-.6-.012t-.475-.363q-.125-.2-.025-.412t.35-.263q.875-.15%201.65-.475t1.25-1.05H4.325q-.225%200-.375-.162T3.8%2018.7t.163-.375t.387-.15h.45v-1.8q0-.2.15-.35t.35-.15h2.325V15.5q0-.25.175-.425t.425-.175t.425.175t.175.425v.375h2.45q.2%200%20.35.15t.15.35v1.8h.35q.225%200%20.375.15t.15.375t-.15.388t-.375.162H9.25q.6.6%201.338.988t1.587.562q.25.05.375.25t0%20.4q-.15.275-.437.4t-.588.05q-.95-.225-1.787-.763T8.3%2019.8m-.35-9.275l-.8-.15q-.2-.05-.312-.187T6.675%209.8q-.05-.275.125-.488t.45-.212h.5q.225%200%20.45-.062t.3-.263q.225-.65.288-1.338t.037-1.387q0-.35-.262-.612t-.613-.263H7.3q-.275%201.2-.712%202.338T5.575%209.75q-.15.275-.413.388t-.537-.013q-.25-.125-.3-.387t.1-.513q.55-.9.95-1.862T6%205.375H4.675q-.275%200-.462-.187t-.188-.463t.188-.462t.462-.188H6.3q.05-.35.088-.675t.087-.675q.025-.275.25-.425t.475-.075q.3.1.463.363t.112.562q-.05.275-.112.525t-.138.5H8.3q.725%200%201.225.563t.525%201.312q.025.9-.112%201.775T9.5%209.55q-.075.225-.238.425T8.9%2010.3t-.45.2t-.5.025m4.4-3.35q-.275.125-.512-.025t-.338-.425q-.2-.6-.45-1.175t-.6-1.1q-.15-.225-.1-.487t.3-.388q.275-.125.55-.037t.425.362q.325.55.588%201.138t.512%201.162q.125.275.013.563t-.388.412%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%2022q-.425%200-.712-.288T15%2021v-4q0-.425.288-.712T16%2016t.713.288T17%2017v1.775q1.05-1.5%201.525-3.238T19%2012t-.475-3.537T17%205.225V7q0%20.425-.288.713T16%208t-.712-.288T15%207V3q0-.425.288-.712T16%202h4q.425%200%20.713.288T21%203t-.288.713T20%204h-1.425q1.25%201.75%201.838%203.8T21%2012t-.587%204.2t-1.838%203.8H20q.425%200%20.713.288T21%2021t-.288.713T20%2022zM5.9%2018.15h1.75v-1.2H5.9zm2.95%200h1.75v-1.2H8.85zm-2.787-2.862Q5.9%2015.125%205.9%2014.9v-.325H4.475q-.225%200-.387-.162t-.163-.388t.163-.387t.387-.163H5.9v-.225q0-.225.163-.375t.387-.15t.375.15t.15.375v.225H9.5v-.225q0-.225.163-.375t.387-.15t.375.15t.15.375v.225H12q.225%200%20.388.163t.162.387t-.162.388t-.388.162h-1.425v.35q0%20.225-.15.375t-.375.15t-.388-.162T9.5%2014.9v-.325H6.975v.35q0%20.225-.15.375t-.375.15t-.387-.162M8.3%2019.8q-.525.85-1.4%201.3t-1.85.725q-.3.075-.6-.012t-.475-.363q-.125-.2-.025-.412t.35-.263q.875-.15%201.65-.475t1.25-1.05H4.325q-.225%200-.375-.162T3.8%2018.7t.163-.375t.387-.15h.45v-1.8q0-.2.15-.35t.35-.15h2.325V15.5q0-.25.175-.425t.425-.175t.425.175t.175.425v.375h2.45q.2%200%20.35.15t.15.35v1.8h.35q.225%200%20.375.15t.15.375t-.15.388t-.375.162H9.25q.6.6%201.338.988t1.587.562q.25.05.375.25t0%20.4q-.15.275-.437.4t-.588.05q-.95-.225-1.787-.763T8.3%2019.8m-.35-9.275l-.8-.15q-.2-.05-.312-.187T6.675%209.8q-.05-.275.125-.488t.45-.212h.5q.225%200%20.45-.062t.3-.263q.225-.65.288-1.338t.037-1.387q0-.35-.262-.612t-.613-.263H7.3q-.275%201.2-.712%202.338T5.575%209.75q-.15.275-.413.388t-.537-.013q-.25-.125-.3-.387t.1-.513q.55-.9.95-1.862T6%205.375H4.675q-.275%200-.462-.187t-.188-.463t.188-.462t.462-.188H6.3q.05-.35.088-.675t.087-.675q.025-.275.25-.425t.475-.075q.3.1.463.363t.112.562q-.05.275-.112.525t-.138.5H8.3q.725%200%201.225.563t.525%201.312q.025.9-.112%201.775T9.5%209.55q-.075.225-.238.425T8.9%2010.3t-.45.2t-.5.025m4.4-3.35q-.275.125-.512-.025t-.338-.425q-.2-.6-.45-1.175t-.6-1.1q-.15-.225-.1-.487t.3-.388q.275-.125.55-.037t.425.362q.325.55.588%201.138t.512%201.162q.125.275.013.563t-.388.412%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/letter-switch-rounded.svg?color=%231a73e8&size=48
