find replace icon
find-replace from Material Symbols by Google · Regular · Actions · Apache-2.0 Free for personal and commercial use.
- Name
- find-replace
- Set
- Material Symbols
- Style
- Regular
- Category
- Actions
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- find-replace-outline, find-replace-outline-sharp, find-replace-sharp
1 other variant in Material Symbols
The same icon in other sets
More actions icons from Material Symbols
Use the find replace icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.1 10q.35-2.575 2.288-4.288T11 4q1.475 0 2.763.563T16 6.1V4h2v6h-6V8h3q-.725-.9-1.737-1.45T11 6Q9.2 6 7.825 7.138T6.1 10zm15.5 11l-4.4-4.4q-.9.675-1.962 1.038T11 18q-1.475 0-2.762-.562T6 15.9V18H4v-6h6v2H7q.725.9 1.738 1.45T11 16q1.8 0 3.175-1.137T15.9 12h2q-.125.9-.45 1.688T16.6 15.2l4.4 4.4z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsFindReplace(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.1 10q.35-2.575 2.288-4.288T11 4q1.475 0 2.763.563T16 6.1V4h2v6h-6V8h3q-.725-.9-1.737-1.45T11 6Q9.2 6 7.825 7.138T6.1 10zm15.5 11l-4.4-4.4q-.9.675-1.962 1.038T11 18q-1.475 0-2.762-.562T6 15.9V18H4v-6h6v2H7q.725.9 1.738 1.45T11 16q1.8 0 3.175-1.137T15.9 12h2q-.125.9-.45 1.688T16.6 15.2l4.4 4.4z"/></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.1 10q.35-2.575 2.288-4.288T11 4q1.475 0 2.763.563T16 6.1V4h2v6h-6V8h3q-.725-.9-1.737-1.45T11 6Q9.2 6 7.825 7.138T6.1 10zm15.5 11l-4.4-4.4q-.9.675-1.962 1.038T11 18q-1.475 0-2.762-.562T6 15.9V18H4v-6h6v2H7q.725.9 1.738 1.45T11 16q1.8 0 3.175-1.137T15.9 12h2q-.125.9-.45 1.688T16.6 15.2l4.4 4.4z"/></svg> </template>
CSS
.icon-find-replace {
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.1%2010q.35-2.575%202.288-4.288T11%204q1.475%200%202.763.563T16%206.1V4h2v6h-6V8h3q-.725-.9-1.737-1.45T11%206Q9.2%206%207.825%207.138T6.1%2010zm15.5%2011l-4.4-4.4q-.9.675-1.962%201.038T11%2018q-1.475%200-2.762-.562T6%2015.9V18H4v-6h6v2H7q.725.9%201.738%201.45T11%2016q1.8%200%203.175-1.137T15.9%2012h2q-.125.9-.45%201.688T16.6%2015.2l4.4%204.4z%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.1%2010q.35-2.575%202.288-4.288T11%204q1.475%200%202.763.563T16%206.1V4h2v6h-6V8h3q-.725-.9-1.737-1.45T11%206Q9.2%206%207.825%207.138T6.1%2010zm15.5%2011l-4.4-4.4q-.9.675-1.962%201.038T11%2018q-1.475%200-2.762-.562T6%2015.9V18H4v-6h6v2H7q.725.9%201.738%201.45T11%2016q1.8%200%203.175-1.137T15.9%2012h2q-.125.9-.45%201.688T16.6%2015.2l4.4%204.4z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/find-replace.svg?color=%231a73e8&size=48
