match-case-off-rounded from Material Symbols Light by Google · Rounded · Text · Apache-2.0 Free for personal and commercial use.

Name
match-case-off-rounded
Set
Material Symbols Light
Style
Rounded
Category
Text
Viewbox
24×24
License
Apache 2.0
Aliases
match-case-off-outline-rounded

1 other variant in Material Symbols Light

The same icon in other sets

More text icons from Material Symbols Light

Use the match case off icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.78 17.162q-.263 0-.41-.215q-.147-.214-.049-.466L7.2 8.615l-3.6-3.6q-.14-.14-.15-.344t.15-.363t.354-.16t.354.16l15.384 15.384q.14.14.15.345t-.15.363t-.353.16t-.354-.16l-8.046-8.046l1.534 4.113q.098.252-.058.474q-.157.22-.415.22q-.16 0-.301-.095t-.203-.254l-.91-2.604h-4.43l-.915 2.628q-.062.16-.181.243q-.12.082-.28.082m3.137-7.828L6.5 13.3h3.756l-.885-2.514zm10.266 6.269q.219-.327.329-.733t.11-.865q-.35-.2-.887-.313q-.535-.112-1.049-.112q-.127 0-.253.01q-.127.009-.235.028l-.702-.702q.25-.05.52-.087q.269-.038.544-.038q.536 0 1.086.11t.97.304v-.588q0-.975-.494-1.483q-.493-.508-1.44-.508q-.418 0-.794.116q-.377.115-.754.373q-.148.097-.31.078t-.272-.161t-.115-.305t.136-.26q.467-.33.986-.494q.52-.164 1.13-.164q1.436 0 2.132.735q.696.736.696 2.207v3.217q0 .273-.251.37q-.252.096-.445-.097z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightMatchCaseOffRounded(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="M4.78 17.162q-.263 0-.41-.215q-.147-.214-.049-.466L7.2 8.615l-3.6-3.6q-.14-.14-.15-.344t.15-.363t.354-.16t.354.16l15.384 15.384q.14.14.15.345t-.15.363t-.353.16t-.354-.16l-8.046-8.046l1.534 4.113q.098.252-.058.474q-.157.22-.415.22q-.16 0-.301-.095t-.203-.254l-.91-2.604h-4.43l-.915 2.628q-.062.16-.181.243q-.12.082-.28.082m3.137-7.828L6.5 13.3h3.756l-.885-2.514zm10.266 6.269q.219-.327.329-.733t.11-.865q-.35-.2-.887-.313q-.535-.112-1.049-.112q-.127 0-.253.01q-.127.009-.235.028l-.702-.702q.25-.05.52-.087q.269-.038.544-.038q.536 0 1.086.11t.97.304v-.588q0-.975-.494-1.483q-.493-.508-1.44-.508q-.418 0-.794.116q-.377.115-.754.373q-.148.097-.31.078t-.272-.161t-.115-.305t.136-.26q.467-.33.986-.494q.52-.164 1.13-.164q1.436 0 2.132.735q.696.736.696 2.207v3.217q0 .273-.251.37q-.252.096-.445-.097z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.78 17.162q-.263 0-.41-.215q-.147-.214-.049-.466L7.2 8.615l-3.6-3.6q-.14-.14-.15-.344t.15-.363t.354-.16t.354.16l15.384 15.384q.14.14.15.345t-.15.363t-.353.16t-.354-.16l-8.046-8.046l1.534 4.113q.098.252-.058.474q-.157.22-.415.22q-.16 0-.301-.095t-.203-.254l-.91-2.604h-4.43l-.915 2.628q-.062.16-.181.243q-.12.082-.28.082m3.137-7.828L6.5 13.3h3.756l-.885-2.514zm10.266 6.269q.219-.327.329-.733t.11-.865q-.35-.2-.887-.313q-.535-.112-1.049-.112q-.127 0-.253.01q-.127.009-.235.028l-.702-.702q.25-.05.52-.087q.269-.038.544-.038q.536 0 1.086.11t.97.304v-.588q0-.975-.494-1.483q-.493-.508-1.44-.508q-.418 0-.794.116q-.377.115-.754.373q-.148.097-.31.078t-.272-.161t-.115-.305t.136-.26q.467-.33.986-.494q.52-.164 1.13-.164q1.436 0 2.132.735q.696.736.696 2.207v3.217q0 .273-.251.37q-.252.096-.445-.097z"/></svg>
</template>

CSS

.icon-match-case-off-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%22M4.78%2017.162q-.263%200-.41-.215q-.147-.214-.049-.466L7.2%208.615l-3.6-3.6q-.14-.14-.15-.344t.15-.363t.354-.16t.354.16l15.384%2015.384q.14.14.15.345t-.15.363t-.353.16t-.354-.16l-8.046-8.046l1.534%204.113q.098.252-.058.474q-.157.22-.415.22q-.16%200-.301-.095t-.203-.254l-.91-2.604h-4.43l-.915%202.628q-.062.16-.181.243q-.12.082-.28.082m3.137-7.828L6.5%2013.3h3.756l-.885-2.514zm10.266%206.269q.219-.327.329-.733t.11-.865q-.35-.2-.887-.313q-.535-.112-1.049-.112q-.127%200-.253.01q-.127.009-.235.028l-.702-.702q.25-.05.52-.087q.269-.038.544-.038q.536%200%201.086.11t.97.304v-.588q0-.975-.494-1.483q-.493-.508-1.44-.508q-.418%200-.794.116q-.377.115-.754.373q-.148.097-.31.078t-.272-.161t-.115-.305t.136-.26q.467-.33.986-.494q.52-.164%201.13-.164q1.436%200%202.132.735q.696.736.696%202.207v3.217q0%20.273-.251.37q-.252.096-.445-.097z%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%22M4.78%2017.162q-.263%200-.41-.215q-.147-.214-.049-.466L7.2%208.615l-3.6-3.6q-.14-.14-.15-.344t.15-.363t.354-.16t.354.16l15.384%2015.384q.14.14.15.345t-.15.363t-.353.16t-.354-.16l-8.046-8.046l1.534%204.113q.098.252-.058.474q-.157.22-.415.22q-.16%200-.301-.095t-.203-.254l-.91-2.604h-4.43l-.915%202.628q-.062.16-.181.243q-.12.082-.28.082m3.137-7.828L6.5%2013.3h3.756l-.885-2.514zm10.266%206.269q.219-.327.329-.733t.11-.865q-.35-.2-.887-.313q-.535-.112-1.049-.112q-.127%200-.253.01q-.127.009-.235.028l-.702-.702q.25-.05.52-.087q.269-.038.544-.038q.536%200%201.086.11t.97.304v-.588q0-.975-.494-1.483q-.493-.508-1.44-.508q-.418%200-.794.116q-.377.115-.754.373q-.148.097-.31.078t-.272-.161t-.115-.305t.136-.26q.467-.33.986-.494q.52-.164%201.13-.164q1.436%200%202.132.735q.696.736.696%202.207v3.217q0%20.273-.251.37q-.252.096-.445-.097z%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-off-rounded.svg?color=%231a73e8&size=48