manage search icon

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

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

1 other variant in Material Symbols Light

manage-search

The same icon in other sets

manage-searchMaterial Symbols

More ui actions icons from Material Symbols Light

Use the manage search icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.5 17.962q-.213 0-.356-.144Q3 17.674 3 17.46t.144-.356t.356-.144h8.558q.212 0 .356.145t.144.356t-.144.356t-.356.144zm0-4.789q-.213 0-.356-.144Q3 12.885 3 12.673q0-.213.144-.357t.356-.143h3.462q.212 0 .356.144t.144.357t-.144.356t-.356.143zm0-4.788q-.213 0-.356-.144Q3 8.097 3 7.884t.144-.356t.356-.143h3.462q.212 0 .356.144t.144.356t-.144.356t-.356.144zm10.423 6.634q-1.684 0-2.87-1.164T9.865 11.01t1.188-2.845T13.928 7t2.869 1.165Q17.981 9.329 17.981 11q0 .667-.222 1.303q-.223.636-.648 1.159l3.535 3.477q.16.134.16.34t-.16.367q-.134.14-.34.14q-.208 0-.368-.14l-3.534-3.477q-.543.406-1.178.628q-.636.222-1.303.222m0-1q1.274 0 2.166-.875t.892-2.134t-.892-2.135T13.923 8t-2.166.875t-.892 2.135t.892 2.134t2.166.875"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightManageSearchRounded(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="M3.5 17.962q-.213 0-.356-.144Q3 17.674 3 17.46t.144-.356t.356-.144h8.558q.212 0 .356.145t.144.356t-.144.356t-.356.144zm0-4.789q-.213 0-.356-.144Q3 12.885 3 12.673q0-.213.144-.357t.356-.143h3.462q.212 0 .356.144t.144.357t-.144.356t-.356.143zm0-4.788q-.213 0-.356-.144Q3 8.097 3 7.884t.144-.356t.356-.143h3.462q.212 0 .356.144t.144.356t-.144.356t-.356.144zm10.423 6.634q-1.684 0-2.87-1.164T9.865 11.01t1.188-2.845T13.928 7t2.869 1.165Q17.981 9.329 17.981 11q0 .667-.222 1.303q-.223.636-.648 1.159l3.535 3.477q.16.134.16.34t-.16.367q-.134.14-.34.14q-.208 0-.368-.14l-3.534-3.477q-.543.406-1.178.628q-.636.222-1.303.222m0-1q1.274 0 2.166-.875t.892-2.134t-.892-2.135T13.923 8t-2.166.875t-.892 2.135t.892 2.134t2.166.875"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.5 17.962q-.213 0-.356-.144Q3 17.674 3 17.46t.144-.356t.356-.144h8.558q.212 0 .356.145t.144.356t-.144.356t-.356.144zm0-4.789q-.213 0-.356-.144Q3 12.885 3 12.673q0-.213.144-.357t.356-.143h3.462q.212 0 .356.144t.144.357t-.144.356t-.356.143zm0-4.788q-.213 0-.356-.144Q3 8.097 3 7.884t.144-.356t.356-.143h3.462q.212 0 .356.144t.144.356t-.144.356t-.356.144zm10.423 6.634q-1.684 0-2.87-1.164T9.865 11.01t1.188-2.845T13.928 7t2.869 1.165Q17.981 9.329 17.981 11q0 .667-.222 1.303q-.223.636-.648 1.159l3.535 3.477q.16.134.16.34t-.16.367q-.134.14-.34.14q-.208 0-.368-.14l-3.534-3.477q-.543.406-1.178.628q-.636.222-1.303.222m0-1q1.274 0 2.166-.875t.892-2.134t-.892-2.135T13.923 8t-2.166.875t-.892 2.135t.892 2.134t2.166.875"/></svg>
</template>

CSS

.icon-manage-search-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%22M3.5%2017.962q-.213%200-.356-.144Q3%2017.674%203%2017.46t.144-.356t.356-.144h8.558q.212%200%20.356.145t.144.356t-.144.356t-.356.144zm0-4.789q-.213%200-.356-.144Q3%2012.885%203%2012.673q0-.213.144-.357t.356-.143h3.462q.212%200%20.356.144t.144.357t-.144.356t-.356.143zm0-4.788q-.213%200-.356-.144Q3%208.097%203%207.884t.144-.356t.356-.143h3.462q.212%200%20.356.144t.144.356t-.144.356t-.356.144zm10.423%206.634q-1.684%200-2.87-1.164T9.865%2011.01t1.188-2.845T13.928%207t2.869%201.165Q17.981%209.329%2017.981%2011q0%20.667-.222%201.303q-.223.636-.648%201.159l3.535%203.477q.16.134.16.34t-.16.367q-.134.14-.34.14q-.208%200-.368-.14l-3.534-3.477q-.543.406-1.178.628q-.636.222-1.303.222m0-1q1.274%200%202.166-.875t.892-2.134t-.892-2.135T13.923%208t-2.166.875t-.892%202.135t.892%202.134t2.166.875%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%22M3.5%2017.962q-.213%200-.356-.144Q3%2017.674%203%2017.46t.144-.356t.356-.144h8.558q.212%200%20.356.145t.144.356t-.144.356t-.356.144zm0-4.789q-.213%200-.356-.144Q3%2012.885%203%2012.673q0-.213.144-.357t.356-.143h3.462q.212%200%20.356.144t.144.357t-.144.356t-.356.143zm0-4.788q-.213%200-.356-.144Q3%208.097%203%207.884t.144-.356t.356-.143h3.462q.212%200%20.356.144t.144.356t-.144.356t-.356.144zm10.423%206.634q-1.684%200-2.87-1.164T9.865%2011.01t1.188-2.845T13.928%207t2.869%201.165Q17.981%209.329%2017.981%2011q0%20.667-.222%201.303q-.223.636-.648%201.159l3.535%203.477q.16.134.16.34t-.16.367q-.134.14-.34.14q-.208%200-.368-.14l-3.534-3.477q-.543.406-1.178.628q-.636.222-1.303.222m0-1q1.274%200%202.166-.875t.892-2.134t-.892-2.135T13.923%208t-2.166.875t-.892%202.135t.892%202.134t2.166.875%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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