search bug icon
search-bug-filled from Reicon by REICON · Filled · Search · MIT Free for personal and commercial use.
- Name
- search-bug-filled
- Set
- Reicon
- Style
- Filled
- Category
- Search
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
More search icons from Reicon
Use the search bug icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M8.857 11.947a2.13 2.13 0 0 0 1.429 2.01v-3.194H8.857zm4.164-2.605A2.14 2.14 0 0 0 11 7.921a2.14 2.14 0 0 0-2.02 1.421zm.122 1.421h-1.429v3.195a2.13 2.13 0 0 0 1.429-2.01z"/><path d="M21.788 21.788a.723.723 0 0 0 0-1.022L18.122 17.1a9.157 9.157 0 1 0-1.022 1.022l3.666 3.666a.723.723 0 0 0 1.022 0M8.19 7.86A3.57 3.57 0 0 1 11 6.5c1.14 0 2.157.532 2.81 1.36l.68-.338a.716.716 0 0 1 .958.318a.71.71 0 0 1-.319.953l-.679.338q.12.442.121.922v.236h.715c.394 0 .714.319.714.711s-.32.71-.714.71h-.715v.237q-.002.48-.12.922l.678.338a.71.71 0 0 1 .32.953a.716.716 0 0 1-.959.318l-.68-.338A3.57 3.57 0 0 1 11 15.5a3.57 3.57 0 0 1-2.81-1.36l-.68.338a.716.716 0 0 1-.958-.318a.71.71 0 0 1 .319-.953l.679-.338a3.5 3.5 0 0 1-.121-.922v-.236h-.715A.71.71 0 0 1 6 11c0-.392.32-.71.714-.71h.715v-.237q.001-.48.12-.922l-.678-.338a.71.71 0 0 1-.32-.953a.716.716 0 0 1 .959-.318z"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconSearchBugFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fillRule="evenodd" clipRule="evenodd"><path d="M8.857 11.947a2.13 2.13 0 0 0 1.429 2.01v-3.194H8.857zm4.164-2.605A2.14 2.14 0 0 0 11 7.921a2.14 2.14 0 0 0-2.02 1.421zm.122 1.421h-1.429v3.195a2.13 2.13 0 0 0 1.429-2.01z"/><path d="M21.788 21.788a.723.723 0 0 0 0-1.022L18.122 17.1a9.157 9.157 0 1 0-1.022 1.022l3.666 3.666a.723.723 0 0 0 1.022 0M8.19 7.86A3.57 3.57 0 0 1 11 6.5c1.14 0 2.157.532 2.81 1.36l.68-.338a.716.716 0 0 1 .958.318a.71.71 0 0 1-.319.953l-.679.338q.12.442.121.922v.236h.715c.394 0 .714.319.714.711s-.32.71-.714.71h-.715v.237q-.002.48-.12.922l.678.338a.71.71 0 0 1 .32.953a.716.716 0 0 1-.959.318l-.68-.338A3.57 3.57 0 0 1 11 15.5a3.57 3.57 0 0 1-2.81-1.36l-.68.338a.716.716 0 0 1-.958-.318a.71.71 0 0 1 .319-.953l.679-.338a3.5 3.5 0 0 1-.121-.922v-.236h-.715A.71.71 0 0 1 6 11c0-.392.32-.71.714-.71h.715v-.237q.001-.48.12-.922l-.678-.338a.71.71 0 0 1-.32-.953a.716.716 0 0 1 .959-.318z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M8.857 11.947a2.13 2.13 0 0 0 1.429 2.01v-3.194H8.857zm4.164-2.605A2.14 2.14 0 0 0 11 7.921a2.14 2.14 0 0 0-2.02 1.421zm.122 1.421h-1.429v3.195a2.13 2.13 0 0 0 1.429-2.01z"/><path d="M21.788 21.788a.723.723 0 0 0 0-1.022L18.122 17.1a9.157 9.157 0 1 0-1.022 1.022l3.666 3.666a.723.723 0 0 0 1.022 0M8.19 7.86A3.57 3.57 0 0 1 11 6.5c1.14 0 2.157.532 2.81 1.36l.68-.338a.716.716 0 0 1 .958.318a.71.71 0 0 1-.319.953l-.679.338q.12.442.121.922v.236h.715c.394 0 .714.319.714.711s-.32.71-.714.71h-.715v.237q-.002.48-.12.922l.678.338a.71.71 0 0 1 .32.953a.716.716 0 0 1-.959.318l-.68-.338A3.57 3.57 0 0 1 11 15.5a3.57 3.57 0 0 1-2.81-1.36l-.68.338a.716.716 0 0 1-.958-.318a.71.71 0 0 1 .319-.953l.679-.338a3.5 3.5 0 0 1-.121-.922v-.236h-.715A.71.71 0 0 1 6 11c0-.392.32-.71.714-.71h.715v-.237q.001-.48.12-.922l-.678-.338a.71.71 0 0 1-.32-.953a.716.716 0 0 1 .959-.318z"/></g></svg> </template>
CSS
.icon-search-bug-filled {
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%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M8.857%2011.947a2.13%202.13%200%200%200%201.429%202.01v-3.194H8.857zm4.164-2.605A2.14%202.14%200%200%200%2011%207.921a2.14%202.14%200%200%200-2.02%201.421zm.122%201.421h-1.429v3.195a2.13%202.13%200%200%200%201.429-2.01z%22%2F%3E%3Cpath%20d%3D%22M21.788%2021.788a.723.723%200%200%200%200-1.022L18.122%2017.1a9.157%209.157%200%201%200-1.022%201.022l3.666%203.666a.723.723%200%200%200%201.022%200M8.19%207.86A3.57%203.57%200%200%201%2011%206.5c1.14%200%202.157.532%202.81%201.36l.68-.338a.716.716%200%200%201%20.958.318a.71.71%200%200%201-.319.953l-.679.338q.12.442.121.922v.236h.715c.394%200%20.714.319.714.711s-.32.71-.714.71h-.715v.237q-.002.48-.12.922l.678.338a.71.71%200%200%201%20.32.953a.716.716%200%200%201-.959.318l-.68-.338A3.57%203.57%200%200%201%2011%2015.5a3.57%203.57%200%200%201-2.81-1.36l-.68.338a.716.716%200%200%201-.958-.318a.71.71%200%200%201%20.319-.953l.679-.338a3.5%203.5%200%200%201-.121-.922v-.236h-.715A.71.71%200%200%201%206%2011c0-.392.32-.71.714-.71h.715v-.237q.001-.48.12-.922l-.678-.338a.71.71%200%200%201-.32-.953a.716.716%200%200%201%20.959-.318z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M8.857%2011.947a2.13%202.13%200%200%200%201.429%202.01v-3.194H8.857zm4.164-2.605A2.14%202.14%200%200%200%2011%207.921a2.14%202.14%200%200%200-2.02%201.421zm.122%201.421h-1.429v3.195a2.13%202.13%200%200%200%201.429-2.01z%22%2F%3E%3Cpath%20d%3D%22M21.788%2021.788a.723.723%200%200%200%200-1.022L18.122%2017.1a9.157%209.157%200%201%200-1.022%201.022l3.666%203.666a.723.723%200%200%200%201.022%200M8.19%207.86A3.57%203.57%200%200%201%2011%206.5c1.14%200%202.157.532%202.81%201.36l.68-.338a.716.716%200%200%201%20.958.318a.71.71%200%200%201-.319.953l-.679.338q.12.442.121.922v.236h.715c.394%200%20.714.319.714.711s-.32.71-.714.71h-.715v.237q-.002.48-.12.922l.678.338a.71.71%200%200%201%20.32.953a.716.716%200%200%201-.959.318l-.68-.338A3.57%203.57%200%200%201%2011%2015.5a3.57%203.57%200%200%201-2.81-1.36l-.68.338a.716.716%200%200%201-.958-.318a.71.71%200%200%201%20.319-.953l.679-.338a3.5%203.5%200%200%201-.121-.922v-.236h-.715A.71.71%200%200%201%206%2011c0-.392.32-.71.714-.71h.715v-.237q.001-.48.12-.922l-.678-.338a.71.71%200%200%201-.32-.953a.716.716%200%200%201%20.959-.318z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/search-bug-filled.svg?color=%231a73e8&size=48
