searchapi logo
searchapi from LobeHub AI Icons by LobeHub · Mono · MIT Free for personal and commercial use.
- Name
- searchapi
- Set
- LobeHub AI Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
1 other variant in LobeHub AI Icons
Use the searchapi logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12.822 22.133H11.18V14.15h1.643v7.982zm-3.288-4.456A3.128 3.128 0 016.41 20.8H5.59v-1.645h.821c.816 0 1.48-.664 1.48-1.48v-4.41h1.644v4.41zm6.575 0c0 .815.664 1.48 1.48 1.48h.821V20.8h-.821a3.127 3.127 0 01-3.123-3.124v-4.411h1.643v4.41zM12 1c4.08 0 7.396 3.318 7.396 7.396v7.11a1.481 1.481 0 002.96 0V11.56H24v3.947c0 1.722-1.4 3.123-3.123 3.123a3.127 3.127 0 01-3.124-3.123v-7.11A5.76 5.76 0 0012 2.643a5.76 5.76 0 00-5.753 5.752v7.11a3.128 3.128 0 01-3.125 3.124A3.126 3.126 0 010 15.507V11.56h1.644v3.947c0 .815.663 1.48 1.478 1.48.817 0 1.48-.665 1.48-1.48v-7.11C4.603 4.317 7.922 1 12 1zm-1.174 10.56H8.941V8.566h1.885v2.995zm4.232-2.995v2.995h-1.883V8.566h1.883z"/></svg>
React
import type { SVGProps } from "react";
export function LobehubSearchapi(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" fillRule="evenodd" d="M12.822 22.133H11.18V14.15h1.643v7.982zm-3.288-4.456A3.128 3.128 0 016.41 20.8H5.59v-1.645h.821c.816 0 1.48-.664 1.48-1.48v-4.41h1.644v4.41zm6.575 0c0 .815.664 1.48 1.48 1.48h.821V20.8h-.821a3.127 3.127 0 01-3.123-3.124v-4.411h1.643v4.41zM12 1c4.08 0 7.396 3.318 7.396 7.396v7.11a1.481 1.481 0 002.96 0V11.56H24v3.947c0 1.722-1.4 3.123-3.123 3.123a3.127 3.127 0 01-3.124-3.123v-7.11A5.76 5.76 0 0012 2.643a5.76 5.76 0 00-5.753 5.752v7.11a3.128 3.128 0 01-3.125 3.124A3.126 3.126 0 010 15.507V11.56h1.644v3.947c0 .815.663 1.48 1.478 1.48.817 0 1.48-.665 1.48-1.48v-7.11C4.603 4.317 7.922 1 12 1zm-1.174 10.56H8.941V8.566h1.885v2.995zm4.232-2.995v2.995h-1.883V8.566h1.883z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12.822 22.133H11.18V14.15h1.643v7.982zm-3.288-4.456A3.128 3.128 0 016.41 20.8H5.59v-1.645h.821c.816 0 1.48-.664 1.48-1.48v-4.41h1.644v4.41zm6.575 0c0 .815.664 1.48 1.48 1.48h.821V20.8h-.821a3.127 3.127 0 01-3.123-3.124v-4.411h1.643v4.41zM12 1c4.08 0 7.396 3.318 7.396 7.396v7.11a1.481 1.481 0 002.96 0V11.56H24v3.947c0 1.722-1.4 3.123-3.123 3.123a3.127 3.127 0 01-3.124-3.123v-7.11A5.76 5.76 0 0012 2.643a5.76 5.76 0 00-5.753 5.752v7.11a3.128 3.128 0 01-3.125 3.124A3.126 3.126 0 010 15.507V11.56h1.644v3.947c0 .815.663 1.48 1.478 1.48.817 0 1.48-.665 1.48-1.48v-7.11C4.603 4.317 7.922 1 12 1zm-1.174 10.56H8.941V8.566h1.885v2.995zm4.232-2.995v2.995h-1.883V8.566h1.883z"/></svg> </template>
CSS
.icon-searchapi {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M12.822%2022.133H11.18V14.15h1.643v7.982zm-3.288-4.456A3.128%203.128%200%20016.41%2020.8H5.59v-1.645h.821c.816%200%201.48-.664%201.48-1.48v-4.41h1.644v4.41zm6.575%200c0%20.815.664%201.48%201.48%201.48h.821V20.8h-.821a3.127%203.127%200%2001-3.123-3.124v-4.411h1.643v4.41zM12%201c4.08%200%207.396%203.318%207.396%207.396v7.11a1.481%201.481%200%20002.96%200V11.56H24v3.947c0%201.722-1.4%203.123-3.123%203.123a3.127%203.127%200%2001-3.124-3.123v-7.11A5.76%205.76%200%200012%202.643a5.76%205.76%200%2000-5.753%205.752v7.11a3.128%203.128%200%2001-3.125%203.124A3.126%203.126%200%20010%2015.507V11.56h1.644v3.947c0%20.815.663%201.48%201.478%201.48.817%200%201.48-.665%201.48-1.48v-7.11C4.603%204.317%207.922%201%2012%201zm-1.174%2010.56H8.941V8.566h1.885v2.995zm4.232-2.995v2.995h-1.883V8.566h1.883z%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%20fill-rule%3D%22evenodd%22%20d%3D%22M12.822%2022.133H11.18V14.15h1.643v7.982zm-3.288-4.456A3.128%203.128%200%20016.41%2020.8H5.59v-1.645h.821c.816%200%201.48-.664%201.48-1.48v-4.41h1.644v4.41zm6.575%200c0%20.815.664%201.48%201.48%201.48h.821V20.8h-.821a3.127%203.127%200%2001-3.123-3.124v-4.411h1.643v4.41zM12%201c4.08%200%207.396%203.318%207.396%207.396v7.11a1.481%201.481%200%20002.96%200V11.56H24v3.947c0%201.722-1.4%203.123-3.123%203.123a3.127%203.127%200%2001-3.124-3.123v-7.11A5.76%205.76%200%200012%202.643a5.76%205.76%200%2000-5.753%205.752v7.11a3.128%203.128%200%2001-3.125%203.124A3.126%203.126%200%20010%2015.507V11.56h1.644v3.947c0%20.815.663%201.48%201.478%201.48.817%200%201.48-.665%201.48-1.48v-7.11C4.603%204.317%207.922%201%2012%201zm-1.174%2010.56H8.941V8.566h1.885v2.995zm4.232-2.995v2.995h-1.883V8.566h1.883z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/searchapi.svg?color=%231a73e8&size=48
