opensearch logo
opensearch from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- opensearch
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the opensearch logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M23.152 8.813a.85.85 0 0 0-.849.848c0 6.982-5.66 12.642-12.642 12.642a.849.849 0 0 0 0 1.697C17.581 24 24 17.58 24 9.661a.85.85 0 0 0-.848-.848M18.03 14.25c.816-1.331 1.606-3.106 1.45-5.59c-.32-5.147-4.983-9.052-9.385-8.63C8.372.197 6.602 1.601 6.76 4.118c.068 1.093.603 1.738 1.473 2.234c.828.473 1.891.772 3.097 1.11c1.456.41 3.145.87 4.444 1.827c1.556 1.147 2.62 2.476 2.257 4.961m-16.56-9C.653 6.581-.136 8.356.02 10.84c.321 5.147 4.983 9.052 9.385 8.629c1.723-.166 3.492-1.57 3.335-4.087c-.068-1.093-.603-1.738-1.473-2.234c-.828-.473-1.891-.772-3.097-1.11c-1.456-.41-3.145-.87-4.444-1.827C2.17 9.064 1.106 7.735 1.47 5.25"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsOpensearch(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="M23.152 8.813a.85.85 0 0 0-.849.848c0 6.982-5.66 12.642-12.642 12.642a.849.849 0 0 0 0 1.697C17.581 24 24 17.58 24 9.661a.85.85 0 0 0-.848-.848M18.03 14.25c.816-1.331 1.606-3.106 1.45-5.59c-.32-5.147-4.983-9.052-9.385-8.63C8.372.197 6.602 1.601 6.76 4.118c.068 1.093.603 1.738 1.473 2.234c.828.473 1.891.772 3.097 1.11c1.456.41 3.145.87 4.444 1.827c1.556 1.147 2.62 2.476 2.257 4.961m-16.56-9C.653 6.581-.136 8.356.02 10.84c.321 5.147 4.983 9.052 9.385 8.629c1.723-.166 3.492-1.57 3.335-4.087c-.068-1.093-.603-1.738-1.473-2.234c-.828-.473-1.891-.772-3.097-1.11c-1.456-.41-3.145-.87-4.444-1.827C2.17 9.064 1.106 7.735 1.47 5.25"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M23.152 8.813a.85.85 0 0 0-.849.848c0 6.982-5.66 12.642-12.642 12.642a.849.849 0 0 0 0 1.697C17.581 24 24 17.58 24 9.661a.85.85 0 0 0-.848-.848M18.03 14.25c.816-1.331 1.606-3.106 1.45-5.59c-.32-5.147-4.983-9.052-9.385-8.63C8.372.197 6.602 1.601 6.76 4.118c.068 1.093.603 1.738 1.473 2.234c.828.473 1.891.772 3.097 1.11c1.456.41 3.145.87 4.444 1.827c1.556 1.147 2.62 2.476 2.257 4.961m-16.56-9C.653 6.581-.136 8.356.02 10.84c.321 5.147 4.983 9.052 9.385 8.629c1.723-.166 3.492-1.57 3.335-4.087c-.068-1.093-.603-1.738-1.473-2.234c-.828-.473-1.891-.772-3.097-1.11c-1.456-.41-3.145-.87-4.444-1.827C2.17 9.064 1.106 7.735 1.47 5.25"/></svg> </template>
CSS
.icon-opensearch {
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%22M23.152%208.813a.85.85%200%200%200-.849.848c0%206.982-5.66%2012.642-12.642%2012.642a.849.849%200%200%200%200%201.697C17.581%2024%2024%2017.58%2024%209.661a.85.85%200%200%200-.848-.848M18.03%2014.25c.816-1.331%201.606-3.106%201.45-5.59c-.32-5.147-4.983-9.052-9.385-8.63C8.372.197%206.602%201.601%206.76%204.118c.068%201.093.603%201.738%201.473%202.234c.828.473%201.891.772%203.097%201.11c1.456.41%203.145.87%204.444%201.827c1.556%201.147%202.62%202.476%202.257%204.961m-16.56-9C.653%206.581-.136%208.356.02%2010.84c.321%205.147%204.983%209.052%209.385%208.629c1.723-.166%203.492-1.57%203.335-4.087c-.068-1.093-.603-1.738-1.473-2.234c-.828-.473-1.891-.772-3.097-1.11c-1.456-.41-3.145-.87-4.444-1.827C2.17%209.064%201.106%207.735%201.47%205.25%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%22M23.152%208.813a.85.85%200%200%200-.849.848c0%206.982-5.66%2012.642-12.642%2012.642a.849.849%200%200%200%200%201.697C17.581%2024%2024%2017.58%2024%209.661a.85.85%200%200%200-.848-.848M18.03%2014.25c.816-1.331%201.606-3.106%201.45-5.59c-.32-5.147-4.983-9.052-9.385-8.63C8.372.197%206.602%201.601%206.76%204.118c.068%201.093.603%201.738%201.473%202.234c.828.473%201.891.772%203.097%201.11c1.456.41%203.145.87%204.444%201.827c1.556%201.147%202.62%202.476%202.257%204.961m-16.56-9C.653%206.581-.136%208.356.02%2010.84c.321%205.147%204.983%209.052%209.385%208.629c1.723-.166%203.492-1.57%203.335-4.087c-.068-1.093-.603-1.738-1.473-2.234c-.828-.473-1.891-.772-3.097-1.11c-1.456-.41-3.145-.87-4.444-1.827C2.17%209.064%201.106%207.735%201.47%205.25%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/opensearch.svg?color=%231a73e8&size=48
