search off icon

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

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

1 other variant in Material Symbols Light

search-off

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="m7 17.162l1.477 1.482q.112.112.264.122q.151.009.282-.122t.13-.276t-.13-.276l-1.477-1.476l1.483-1.483q.112-.112.121-.264t-.121-.282t-.273-.131t-.273.13L7 16.07l-1.483-1.482q-.111-.112-.263-.121q-.152-.01-.283.12t-.13.274t.13.273l1.483 1.483l-1.483 1.482q-.111.112-.121.264t.121.282t.273.131t.273-.13zM4.165 19.45Q3 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.45m9.997-5.582q-.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.657l5.902 5.907q.14.14.153.342q.013.2-.153.366q-.16.16-.354.16t-.354-.16z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightSearchOffRounded(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="m7 17.162l1.477 1.482q.112.112.264.122q.151.009.282-.122t.13-.276t-.13-.276l-1.477-1.476l1.483-1.483q.112-.112.121-.264t-.121-.282t-.273-.131t-.273.13L7 16.07l-1.483-1.482q-.111-.112-.263-.121q-.152-.01-.283.12t-.13.274t.13.273l1.483 1.483l-1.483 1.482q-.111.112-.121.264t.121.282t.273.131t.273-.13zM4.165 19.45Q3 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.45m9.997-5.582q-.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.657l5.902 5.907q.14.14.153.342q.013.2-.153.366q-.16.16-.354.16t-.354-.16z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m7 17.162l1.477 1.482q.112.112.264.122q.151.009.282-.122t.13-.276t-.13-.276l-1.477-1.476l1.483-1.483q.112-.112.121-.264t-.121-.282t-.273-.131t-.273.13L7 16.07l-1.483-1.482q-.111-.112-.263-.121q-.152-.01-.283.12t-.13.274t.13.273l1.483 1.483l-1.483 1.482q-.111.112-.121.264t.121.282t.273.131t.273-.13zM4.165 19.45Q3 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.45m9.997-5.582q-.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.657l5.902 5.907q.14.14.153.342q.013.2-.153.366q-.16.16-.354.16t-.354-.16z"/></svg>
</template>

CSS

.icon-search-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%22m7%2017.162l1.477%201.482q.112.112.264.122q.151.009.282-.122t.13-.276t-.13-.276l-1.477-1.476l1.483-1.483q.112-.112.121-.264t-.121-.282t-.273-.131t-.273.13L7%2016.07l-1.483-1.482q-.111-.112-.263-.121q-.152-.01-.283.12t-.13.274t.13.273l1.483%201.483l-1.483%201.482q-.111.112-.121.264t.121.282t.273.131t.273-.13zM4.165%2019.45Q3%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.45m9.997-5.582q-.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.657l5.902%205.907q.14.14.153.342q.013.2-.153.366q-.16.16-.354.16t-.354-.16z%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%22m7%2017.162l1.477%201.482q.112.112.264.122q.151.009.282-.122t.13-.276t-.13-.276l-1.477-1.476l1.483-1.483q.112-.112.121-.264t-.121-.282t-.273-.131t-.273.13L7%2016.07l-1.483-1.482q-.111-.112-.263-.121q-.152-.01-.283.12t-.13.274t.13.273l1.483%201.483l-1.483%201.482q-.111.112-.121.264t.121.282t.273.131t.273-.13zM4.165%2019.45Q3%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.45m9.997-5.582q-.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.657l5.902%205.907q.14.14.153.342q.013.2-.153.366q-.16.16-.354.16t-.354-.16z%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-rounded.svg?color=%231a73e8&size=48