search off icon

search-off from Material Symbols Light by Google · Regular · UI Actions · Apache-2.0 Free for personal and commercial use.

Name: search-off
Set: Material Symbols Light
Style: Regular
Category: UI Actions
Viewbox: 24×24
License: Apache 2.0
Aliases: search-off-outline, search-off-outline-sharp, search-off-sharp

1 other variant in Material Symbols Light

search-off-rounded

The same icon in other sets

search-offMaterial Symbols search-offMyna UI Icons search-offTabler Icons

More ui actions icons from Material Symbols Light

Use the search 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.165 19.451Q3 18.286 3 16.616q0-1.672 1.165-2.836Q5.329 12.616 7 12.616t2.836 1.164T11 16.616q0 1.67-1.164 2.835Q8.67 20.616 7 20.616T4.165 19.45m16.281.703l-6.284-6.285q-.27.231-.645.443t-.701.327q-.108-.21-.234-.413t-.259-.368q1.258-.523 2.083-1.667t.824-2.69q0-1.971-1.38-3.351t-3.35-1.38T7.149 6.15T5.769 9.5q0 .304.051.615q.051.31.115.594q-.22.012-.488.095t-.481.167q-.089-.313-.143-.694T4.769 9.5q0-2.398 1.667-4.064Q8.102 3.769 10.5 3.769t4.065 1.667T16.23 9.5q0 1.075-.376 2.028t-.957 1.657l6.256 6.261zM5.244 18.917L7 17.161l1.75 1.756l.552-.546l-1.756-1.755l1.756-1.756l-.546-.546L7 16.069l-1.756-1.755l-.546.545l1.756 1.756l-1.756 1.756z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightSearchOff(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.165 19.451Q3 18.286 3 16.616q0-1.672 1.165-2.836Q5.329 12.616 7 12.616t2.836 1.164T11 16.616q0 1.67-1.164 2.835Q8.67 20.616 7 20.616T4.165 19.45m16.281.703l-6.284-6.285q-.27.231-.645.443t-.701.327q-.108-.21-.234-.413t-.259-.368q1.258-.523 2.083-1.667t.824-2.69q0-1.971-1.38-3.351t-3.35-1.38T7.149 6.15T5.769 9.5q0 .304.051.615q.051.31.115.594q-.22.012-.488.095t-.481.167q-.089-.313-.143-.694T4.769 9.5q0-2.398 1.667-4.064Q8.102 3.769 10.5 3.769t4.065 1.667T16.23 9.5q0 1.075-.376 2.028t-.957 1.657l6.256 6.261zM5.244 18.917L7 17.161l1.75 1.756l.552-.546l-1.756-1.755l1.756-1.756l-.546-.546L7 16.069l-1.756-1.755l-.546.545l1.756 1.756l-1.756 1.756z"/></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.165 19.451Q3 18.286 3 16.616q0-1.672 1.165-2.836Q5.329 12.616 7 12.616t2.836 1.164T11 16.616q0 1.67-1.164 2.835Q8.67 20.616 7 20.616T4.165 19.45m16.281.703l-6.284-6.285q-.27.231-.645.443t-.701.327q-.108-.21-.234-.413t-.259-.368q1.258-.523 2.083-1.667t.824-2.69q0-1.971-1.38-3.351t-3.35-1.38T7.149 6.15T5.769 9.5q0 .304.051.615q.051.31.115.594q-.22.012-.488.095t-.481.167q-.089-.313-.143-.694T4.769 9.5q0-2.398 1.667-4.064Q8.102 3.769 10.5 3.769t4.065 1.667T16.23 9.5q0 1.075-.376 2.028t-.957 1.657l6.256 6.261zM5.244 18.917L7 17.161l1.75 1.756l.552-.546l-1.756-1.755l1.756-1.756l-.546-.546L7 16.069l-1.756-1.755l-.546.545l1.756 1.756l-1.756 1.756z"/></svg>
</template>

CSS

.icon-search-off {
  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.165%2019.451Q3%2018.286%203%2016.616q0-1.672%201.165-2.836Q5.329%2012.616%207%2012.616t2.836%201.164T11%2016.616q0%201.67-1.164%202.835Q8.67%2020.616%207%2020.616T4.165%2019.45m16.281.703l-6.284-6.285q-.27.231-.645.443t-.701.327q-.108-.21-.234-.413t-.259-.368q1.258-.523%202.083-1.667t.824-2.69q0-1.971-1.38-3.351t-3.35-1.38T7.149%206.15T5.769%209.5q0%20.304.051.615q.051.31.115.594q-.22.012-.488.095t-.481.167q-.089-.313-.143-.694T4.769%209.5q0-2.398%201.667-4.064Q8.102%203.769%2010.5%203.769t4.065%201.667T16.23%209.5q0%201.075-.376%202.028t-.957%201.657l6.256%206.261zM5.244%2018.917L7%2017.161l1.75%201.756l.552-.546l-1.756-1.755l1.756-1.756l-.546-.546L7%2016.069l-1.756-1.755l-.546.545l1.756%201.756l-1.756%201.756z%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.165%2019.451Q3%2018.286%203%2016.616q0-1.672%201.165-2.836Q5.329%2012.616%207%2012.616t2.836%201.164T11%2016.616q0%201.67-1.164%202.835Q8.67%2020.616%207%2020.616T4.165%2019.45m16.281.703l-6.284-6.285q-.27.231-.645.443t-.701.327q-.108-.21-.234-.413t-.259-.368q1.258-.523%202.083-1.667t.824-2.69q0-1.971-1.38-3.351t-3.35-1.38T7.149%206.15T5.769%209.5q0%20.304.051.615q.051.31.115.594q-.22.012-.488.095t-.481.167q-.089-.313-.143-.694T4.769%209.5q0-2.398%201.667-4.064Q8.102%203.769%2010.5%203.769t4.065%201.667T16.23%209.5q0%201.075-.376%202.028t-.957%201.657l6.256%206.261zM5.244%2018.917L7%2017.161l1.75%201.756l.552-.546l-1.756-1.755l1.756-1.756l-.546-.546L7%2016.069l-1.756-1.755l-.546.545l1.756%201.756l-1.756%201.756z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/search-off.svg?color=%231a73e8&size=48