match case icon
match-case-rounded from Material Symbols Light by Google · Rounded · Text · Apache-2.0 Free for personal and commercial use.
- Name
- match-case-rounded
- Set
- Material Symbols Light
- Style
- Rounded
- Category
- Text
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- match-case-outline-rounded
1 other variant in Material Symbols Light
The same icon in other sets
More text icons from Material Symbols Light
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 match case icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m6.156 14.208l-.915 2.628q-.062.16-.181.243q-.12.082-.28.082q-.263 0-.41-.214t-.049-.466l3.373-9.22q.062-.159.194-.245q.131-.085.29-.085h.374q.16 0 .294.085q.135.086.196.245l3.431 9.206q.098.252-.061.474q-.16.22-.418.22q-.16 0-.298-.095t-.2-.254l-.91-2.604zM6.5 13.3h3.756l-1.85-5.223h-.062zm9.644 4.092q-1.16 0-1.861-.649t-.702-1.62q0-1.061.834-1.697q.833-.636 2.145-.636q.536 0 1.086.11t.97.304v-.589q0-.975-.494-1.482q-.493-.508-1.44-.508q-.413 0-.814.132t-.74.357q-.17.134-.333.078t-.26-.198q-.099-.142-.08-.302t.199-.283q.442-.303.971-.452t1.063-.15q1.437 0 2.133.736t.696 2.207v3.964q0 .19-.131.319q-.132.128-.322.128q-.191 0-.32-.131t-.128-.322v-.567h-.1q-.427.632-.999.942q-.57.31-1.373.31m.07-.812q1.028 0 1.718-.735q.69-.734.69-1.842q-.35-.2-.887-.313q-.535-.112-1.049-.112q-.992 0-1.577.398q-.584.398-.584 1.146q0 .616.467 1.037t1.221.42"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightMatchCaseRounded(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="m6.156 14.208l-.915 2.628q-.062.16-.181.243q-.12.082-.28.082q-.263 0-.41-.214t-.049-.466l3.373-9.22q.062-.159.194-.245q.131-.085.29-.085h.374q.16 0 .294.085q.135.086.196.245l3.431 9.206q.098.252-.061.474q-.16.22-.418.22q-.16 0-.298-.095t-.2-.254l-.91-2.604zM6.5 13.3h3.756l-1.85-5.223h-.062zm9.644 4.092q-1.16 0-1.861-.649t-.702-1.62q0-1.061.834-1.697q.833-.636 2.145-.636q.536 0 1.086.11t.97.304v-.589q0-.975-.494-1.482q-.493-.508-1.44-.508q-.413 0-.814.132t-.74.357q-.17.134-.333.078t-.26-.198q-.099-.142-.08-.302t.199-.283q.442-.303.971-.452t1.063-.15q1.437 0 2.133.736t.696 2.207v3.964q0 .19-.131.319q-.132.128-.322.128q-.191 0-.32-.131t-.128-.322v-.567h-.1q-.427.632-.999.942q-.57.31-1.373.31m.07-.812q1.028 0 1.718-.735q.69-.734.69-1.842q-.35-.2-.887-.313q-.535-.112-1.049-.112q-.992 0-1.577.398q-.584.398-.584 1.146q0 .616.467 1.037t1.221.42"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m6.156 14.208l-.915 2.628q-.062.16-.181.243q-.12.082-.28.082q-.263 0-.41-.214t-.049-.466l3.373-9.22q.062-.159.194-.245q.131-.085.29-.085h.374q.16 0 .294.085q.135.086.196.245l3.431 9.206q.098.252-.061.474q-.16.22-.418.22q-.16 0-.298-.095t-.2-.254l-.91-2.604zM6.5 13.3h3.756l-1.85-5.223h-.062zm9.644 4.092q-1.16 0-1.861-.649t-.702-1.62q0-1.061.834-1.697q.833-.636 2.145-.636q.536 0 1.086.11t.97.304v-.589q0-.975-.494-1.482q-.493-.508-1.44-.508q-.413 0-.814.132t-.74.357q-.17.134-.333.078t-.26-.198q-.099-.142-.08-.302t.199-.283q.442-.303.971-.452t1.063-.15q1.437 0 2.133.736t.696 2.207v3.964q0 .19-.131.319q-.132.128-.322.128q-.191 0-.32-.131t-.128-.322v-.567h-.1q-.427.632-.999.942q-.57.31-1.373.31m.07-.812q1.028 0 1.718-.735q.69-.734.69-1.842q-.35-.2-.887-.313q-.535-.112-1.049-.112q-.992 0-1.577.398q-.584.398-.584 1.146q0 .616.467 1.037t1.221.42"/></svg> </template>
CSS
.icon-match-case-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%22m6.156%2014.208l-.915%202.628q-.062.16-.181.243q-.12.082-.28.082q-.263%200-.41-.214t-.049-.466l3.373-9.22q.062-.159.194-.245q.131-.085.29-.085h.374q.16%200%20.294.085q.135.086.196.245l3.431%209.206q.098.252-.061.474q-.16.22-.418.22q-.16%200-.298-.095t-.2-.254l-.91-2.604zM6.5%2013.3h3.756l-1.85-5.223h-.062zm9.644%204.092q-1.16%200-1.861-.649t-.702-1.62q0-1.061.834-1.697q.833-.636%202.145-.636q.536%200%201.086.11t.97.304v-.589q0-.975-.494-1.482q-.493-.508-1.44-.508q-.413%200-.814.132t-.74.357q-.17.134-.333.078t-.26-.198q-.099-.142-.08-.302t.199-.283q.442-.303.971-.452t1.063-.15q1.437%200%202.133.736t.696%202.207v3.964q0%20.19-.131.319q-.132.128-.322.128q-.191%200-.32-.131t-.128-.322v-.567h-.1q-.427.632-.999.942q-.57.31-1.373.31m.07-.812q1.028%200%201.718-.735q.69-.734.69-1.842q-.35-.2-.887-.313q-.535-.112-1.049-.112q-.992%200-1.577.398q-.584.398-.584%201.146q0%20.616.467%201.037t1.221.42%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%22m6.156%2014.208l-.915%202.628q-.062.16-.181.243q-.12.082-.28.082q-.263%200-.41-.214t-.049-.466l3.373-9.22q.062-.159.194-.245q.131-.085.29-.085h.374q.16%200%20.294.085q.135.086.196.245l3.431%209.206q.098.252-.061.474q-.16.22-.418.22q-.16%200-.298-.095t-.2-.254l-.91-2.604zM6.5%2013.3h3.756l-1.85-5.223h-.062zm9.644%204.092q-1.16%200-1.861-.649t-.702-1.62q0-1.061.834-1.697q.833-.636%202.145-.636q.536%200%201.086.11t.97.304v-.589q0-.975-.494-1.482q-.493-.508-1.44-.508q-.413%200-.814.132t-.74.357q-.17.134-.333.078t-.26-.198q-.099-.142-.08-.302t.199-.283q.442-.303.971-.452t1.063-.15q1.437%200%202.133.736t.696%202.207v3.964q0%20.19-.131.319q-.132.128-.322.128q-.191%200-.32-.131t-.128-.322v-.567h-.1q-.427.632-.999.942q-.57.31-1.373.31m.07-.812q1.028%200%201.718-.735q.69-.734.69-1.842q-.35-.2-.887-.313q-.535-.112-1.049-.112q-.992%200-1.577.398q-.584.398-.584%201.146q0%20.616.467%201.037t1.221.42%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/match-case-rounded.svg?color=%231a73e8&size=48
