match word icon
match-word from Material Symbols Light by Google · Regular · Text · Apache-2.0 Free for personal and commercial use.
- Name
- match-word
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Text
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- match-word-outline, match-word-outline-sharp, match-word-sharp
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 word icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2 18.025v-3.5h1v2.5h18v-2.5h1v3.5zm7.858-3.044v-1.004h-.095q-.344.615-.884.922t-1.26.307q-1.071 0-1.704-.58q-.632-.58-.632-1.564q0-1.05.745-1.703t1.943-.653q.517 0 1.014.107q.498.106.867.306v-.542q0-.963-.472-1.46q-.472-.496-1.388-.496q-.525 0-.978.177t-.893.544l-.613-.55q.532-.502 1.123-.736q.59-.235 1.348-.235q1.396 0 2.077.719t.68 2.137v4.304zM8.13 11.477q-.897 0-1.418.418q-.52.419-.52 1.147q0 .635.403 1.005q.404.37 1.062.37q.953 0 1.574-.716q.62-.716.62-1.805q-.33-.2-.8-.31t-.921-.109M12.852 15V4.975h.896v3.344l-.075 1h.056q.306-.471.86-.81q.553-.34 1.352-.34q1.311 0 2.101.977t.79 2.593q0 1.577-.777 2.531q-.778.955-2.134.955q-.794 0-1.36-.334q-.567-.335-.832-.816h-.056V15zm2.998-5.95q-.961 0-1.57.776t-.607 1.907q0 1.136.608 1.9t1.569.763t1.505-.734t.543-1.93t-.543-1.938t-1.505-.744"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightMatchWord(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="M2 18.025v-3.5h1v2.5h18v-2.5h1v3.5zm7.858-3.044v-1.004h-.095q-.344.615-.884.922t-1.26.307q-1.071 0-1.704-.58q-.632-.58-.632-1.564q0-1.05.745-1.703t1.943-.653q.517 0 1.014.107q.498.106.867.306v-.542q0-.963-.472-1.46q-.472-.496-1.388-.496q-.525 0-.978.177t-.893.544l-.613-.55q.532-.502 1.123-.736q.59-.235 1.348-.235q1.396 0 2.077.719t.68 2.137v4.304zM8.13 11.477q-.897 0-1.418.418q-.52.419-.52 1.147q0 .635.403 1.005q.404.37 1.062.37q.953 0 1.574-.716q.62-.716.62-1.805q-.33-.2-.8-.31t-.921-.109M12.852 15V4.975h.896v3.344l-.075 1h.056q.306-.471.86-.81q.553-.34 1.352-.34q1.311 0 2.101.977t.79 2.593q0 1.577-.777 2.531q-.778.955-2.134.955q-.794 0-1.36-.334q-.567-.335-.832-.816h-.056V15zm2.998-5.95q-.961 0-1.57.776t-.607 1.907q0 1.136.608 1.9t1.569.763t1.505-.734t.543-1.93t-.543-1.938t-1.505-.744"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2 18.025v-3.5h1v2.5h18v-2.5h1v3.5zm7.858-3.044v-1.004h-.095q-.344.615-.884.922t-1.26.307q-1.071 0-1.704-.58q-.632-.58-.632-1.564q0-1.05.745-1.703t1.943-.653q.517 0 1.014.107q.498.106.867.306v-.542q0-.963-.472-1.46q-.472-.496-1.388-.496q-.525 0-.978.177t-.893.544l-.613-.55q.532-.502 1.123-.736q.59-.235 1.348-.235q1.396 0 2.077.719t.68 2.137v4.304zM8.13 11.477q-.897 0-1.418.418q-.52.419-.52 1.147q0 .635.403 1.005q.404.37 1.062.37q.953 0 1.574-.716q.62-.716.62-1.805q-.33-.2-.8-.31t-.921-.109M12.852 15V4.975h.896v3.344l-.075 1h.056q.306-.471.86-.81q.553-.34 1.352-.34q1.311 0 2.101.977t.79 2.593q0 1.577-.777 2.531q-.778.955-2.134.955q-.794 0-1.36-.334q-.567-.335-.832-.816h-.056V15zm2.998-5.95q-.961 0-1.57.776t-.607 1.907q0 1.136.608 1.9t1.569.763t1.505-.734t.543-1.93t-.543-1.938t-1.505-.744"/></svg> </template>
CSS
.icon-match-word {
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%22M2%2018.025v-3.5h1v2.5h18v-2.5h1v3.5zm7.858-3.044v-1.004h-.095q-.344.615-.884.922t-1.26.307q-1.071%200-1.704-.58q-.632-.58-.632-1.564q0-1.05.745-1.703t1.943-.653q.517%200%201.014.107q.498.106.867.306v-.542q0-.963-.472-1.46q-.472-.496-1.388-.496q-.525%200-.978.177t-.893.544l-.613-.55q.532-.502%201.123-.736q.59-.235%201.348-.235q1.396%200%202.077.719t.68%202.137v4.304zM8.13%2011.477q-.897%200-1.418.418q-.52.419-.52%201.147q0%20.635.403%201.005q.404.37%201.062.37q.953%200%201.574-.716q.62-.716.62-1.805q-.33-.2-.8-.31t-.921-.109M12.852%2015V4.975h.896v3.344l-.075%201h.056q.306-.471.86-.81q.553-.34%201.352-.34q1.311%200%202.101.977t.79%202.593q0%201.577-.777%202.531q-.778.955-2.134.955q-.794%200-1.36-.334q-.567-.335-.832-.816h-.056V15zm2.998-5.95q-.961%200-1.57.776t-.607%201.907q0%201.136.608%201.9t1.569.763t1.505-.734t.543-1.93t-.543-1.938t-1.505-.744%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%22M2%2018.025v-3.5h1v2.5h18v-2.5h1v3.5zm7.858-3.044v-1.004h-.095q-.344.615-.884.922t-1.26.307q-1.071%200-1.704-.58q-.632-.58-.632-1.564q0-1.05.745-1.703t1.943-.653q.517%200%201.014.107q.498.106.867.306v-.542q0-.963-.472-1.46q-.472-.496-1.388-.496q-.525%200-.978.177t-.893.544l-.613-.55q.532-.502%201.123-.736q.59-.235%201.348-.235q1.396%200%202.077.719t.68%202.137v4.304zM8.13%2011.477q-.897%200-1.418.418q-.52.419-.52%201.147q0%20.635.403%201.005q.404.37%201.062.37q.953%200%201.574-.716q.62-.716.62-1.805q-.33-.2-.8-.31t-.921-.109M12.852%2015V4.975h.896v3.344l-.075%201h.056q.306-.471.86-.81q.553-.34%201.352-.34q1.311%200%202.101.977t.79%202.593q0%201.577-.777%202.531q-.778.955-2.134.955q-.794%200-1.36-.334q-.567-.335-.832-.816h-.056V15zm2.998-5.95q-.961%200-1.57.776t-.607%201.907q0%201.136.608%201.9t1.569.763t1.505-.734t.543-1.93t-.543-1.938t-1.505-.744%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-word.svg?color=%231a73e8&size=48
