match word icon
match-word from Material Symbols by Google · Regular · Text · Apache-2.0 Free for personal and commercial use.
- Name
- match-word
- Set
- Material Symbols
- 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
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 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="M1 19.025v-5h2v3h18v-3h2v5zM9.55 15v-.85h-.075q-.325.5-.875.788t-1.25.287q-1.225 0-1.925-.637t-.7-1.738q0-1.05.813-1.712t2.087-.663q.575 0 1.063.088t.837.287v-.35q0-.675-.462-1.075t-1.263-.4q-.525 0-.987.225t-.788.65L4.95 9.1q.475-.675 1.2-1.025t1.675-.35q1.55 0 2.375.738t.825 2.137V15zM7.9 11.65q-.8 0-1.225.313t-.425.887q0 .5.375.813t.975.312q.8 0 1.363-.562t.562-1.363q-.35-.2-.8-.3t-.825-.1M12.525 15V4.975h1.55V7.8L14 8.8h.075q.075-.125.6-.638t1.65-.512q1.6 0 2.525 1.15t.925 2.65t-.912 2.638t-2.538 1.137q-1.025 0-1.562-.45t-.688-.7H14V15zM16.1 9.05q-1 0-1.55.738T14 11.425q0 .925.55 1.65t1.55.725t1.563-.725t.562-1.65t-.562-1.65T16.1 9.05"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsMatchWord(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="M1 19.025v-5h2v3h18v-3h2v5zM9.55 15v-.85h-.075q-.325.5-.875.788t-1.25.287q-1.225 0-1.925-.637t-.7-1.738q0-1.05.813-1.712t2.087-.663q.575 0 1.063.088t.837.287v-.35q0-.675-.462-1.075t-1.263-.4q-.525 0-.987.225t-.788.65L4.95 9.1q.475-.675 1.2-1.025t1.675-.35q1.55 0 2.375.738t.825 2.137V15zM7.9 11.65q-.8 0-1.225.313t-.425.887q0 .5.375.813t.975.312q.8 0 1.363-.562t.562-1.363q-.35-.2-.8-.3t-.825-.1M12.525 15V4.975h1.55V7.8L14 8.8h.075q.075-.125.6-.638t1.65-.512q1.6 0 2.525 1.15t.925 2.65t-.912 2.638t-2.538 1.137q-1.025 0-1.562-.45t-.688-.7H14V15zM16.1 9.05q-1 0-1.55.738T14 11.425q0 .925.55 1.65t1.55.725t1.563-.725t.562-1.65t-.562-1.65T16.1 9.05"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M1 19.025v-5h2v3h18v-3h2v5zM9.55 15v-.85h-.075q-.325.5-.875.788t-1.25.287q-1.225 0-1.925-.637t-.7-1.738q0-1.05.813-1.712t2.087-.663q.575 0 1.063.088t.837.287v-.35q0-.675-.462-1.075t-1.263-.4q-.525 0-.987.225t-.788.65L4.95 9.1q.475-.675 1.2-1.025t1.675-.35q1.55 0 2.375.738t.825 2.137V15zM7.9 11.65q-.8 0-1.225.313t-.425.887q0 .5.375.813t.975.312q.8 0 1.363-.562t.562-1.363q-.35-.2-.8-.3t-.825-.1M12.525 15V4.975h1.55V7.8L14 8.8h.075q.075-.125.6-.638t1.65-.512q1.6 0 2.525 1.15t.925 2.65t-.912 2.638t-2.538 1.137q-1.025 0-1.562-.45t-.688-.7H14V15zM16.1 9.05q-1 0-1.55.738T14 11.425q0 .925.55 1.65t1.55.725t1.563-.725t.562-1.65t-.562-1.65T16.1 9.05"/></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%22M1%2019.025v-5h2v3h18v-3h2v5zM9.55%2015v-.85h-.075q-.325.5-.875.788t-1.25.287q-1.225%200-1.925-.637t-.7-1.738q0-1.05.813-1.712t2.087-.663q.575%200%201.063.088t.837.287v-.35q0-.675-.462-1.075t-1.263-.4q-.525%200-.987.225t-.788.65L4.95%209.1q.475-.675%201.2-1.025t1.675-.35q1.55%200%202.375.738t.825%202.137V15zM7.9%2011.65q-.8%200-1.225.313t-.425.887q0%20.5.375.813t.975.312q.8%200%201.363-.562t.562-1.363q-.35-.2-.8-.3t-.825-.1M12.525%2015V4.975h1.55V7.8L14%208.8h.075q.075-.125.6-.638t1.65-.512q1.6%200%202.525%201.15t.925%202.65t-.912%202.638t-2.538%201.137q-1.025%200-1.562-.45t-.688-.7H14V15zM16.1%209.05q-1%200-1.55.738T14%2011.425q0%20.925.55%201.65t1.55.725t1.563-.725t.562-1.65t-.562-1.65T16.1%209.05%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%22M1%2019.025v-5h2v3h18v-3h2v5zM9.55%2015v-.85h-.075q-.325.5-.875.788t-1.25.287q-1.225%200-1.925-.637t-.7-1.738q0-1.05.813-1.712t2.087-.663q.575%200%201.063.088t.837.287v-.35q0-.675-.462-1.075t-1.263-.4q-.525%200-.987.225t-.788.65L4.95%209.1q.475-.675%201.2-1.025t1.675-.35q1.55%200%202.375.738t.825%202.137V15zM7.9%2011.65q-.8%200-1.225.313t-.425.887q0%20.5.375.813t.975.312q.8%200%201.363-.562t.562-1.363q-.35-.2-.8-.3t-.825-.1M12.525%2015V4.975h1.55V7.8L14%208.8h.075q.075-.125.6-.638t1.65-.512q1.6%200%202.525%201.15t.925%202.65t-.912%202.638t-2.538%201.137q-1.025%200-1.562-.45t-.688-.7H14V15zM16.1%209.05q-1%200-1.55.738T14%2011.425q0%20.925.55%201.65t1.55.725t1.563-.725t.562-1.65t-.562-1.65T16.1%209.05%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/match-word.svg?color=%231a73e8&size=48
