algolia logo
algolia from Boxicons Brands by Boxicons · Logo · MIT Free for personal and commercial use.
- Name
- algolia
- Set
- Boxicons Brands
- Style
- Logo
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the algolia logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.177 9.059a3.58 3.58 0 0 0-3.576 3.584a3.584 3.584 0 0 0 3.576 3.585a3.58 3.58 0 0 0 3.575-3.585a3.58 3.58 0 0 0-3.575-3.584m2.518 2.268l-2.366 1.229c-.07.039-.153-.017-.153-.093V9.791h.001c0-.06.054-.104.109-.104a2.94 2.94 0 0 1 2.452 1.492c.028.055.011.121-.043.148"/><path fill="currentColor" d="M18.578 3H5.361A2.363 2.363 0 0 0 3 5.366v13.277a2.37 2.37 0 0 0 2.361 2.371h13.217a2.367 2.367 0 0 0 2.361-2.372V5.372A2.37 2.37 0 0 0 18.578 3m-8.112 3.404a.78.78 0 0 1 .779-.781h1.815c.43 0 .778.35.778.781v.618a.106.106 0 0 1-.131.104a5.7 5.7 0 0 0-3.106.017c-.07.016-.136-.033-.136-.104zM7.08 8.993a.78.78 0 0 1 .001-1.103l.371-.371l.002-.002a.776.776 0 0 1 1.099.002l.31.311c.043.05.038.127-.017.159a5.8 5.8 0 0 0-1.296 1.3c-.044.049-.114.06-.163.011zm5.097 8.737a5.08 5.08 0 0 1-5.074-5.087c0-2.813 2.272-5.092 5.074-5.092a5.074 5.074 0 0 1 5.074 5.086c0 2.815-2.272 5.093-5.074 5.093"/></svg>
React
import type { SVGProps } from "react";
export function BxlAlgolia(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="M12.177 9.059a3.58 3.58 0 0 0-3.576 3.584a3.584 3.584 0 0 0 3.576 3.585a3.58 3.58 0 0 0 3.575-3.585a3.58 3.58 0 0 0-3.575-3.584m2.518 2.268l-2.366 1.229c-.07.039-.153-.017-.153-.093V9.791h.001c0-.06.054-.104.109-.104a2.94 2.94 0 0 1 2.452 1.492c.028.055.011.121-.043.148"/><path fill="currentColor" d="M18.578 3H5.361A2.363 2.363 0 0 0 3 5.366v13.277a2.37 2.37 0 0 0 2.361 2.371h13.217a2.367 2.367 0 0 0 2.361-2.372V5.372A2.37 2.37 0 0 0 18.578 3m-8.112 3.404a.78.78 0 0 1 .779-.781h1.815c.43 0 .778.35.778.781v.618a.106.106 0 0 1-.131.104a5.7 5.7 0 0 0-3.106.017c-.07.016-.136-.033-.136-.104zM7.08 8.993a.78.78 0 0 1 .001-1.103l.371-.371l.002-.002a.776.776 0 0 1 1.099.002l.31.311c.043.05.038.127-.017.159a5.8 5.8 0 0 0-1.296 1.3c-.044.049-.114.06-.163.011zm5.097 8.737a5.08 5.08 0 0 1-5.074-5.087c0-2.813 2.272-5.092 5.074-5.092a5.074 5.074 0 0 1 5.074 5.086c0 2.815-2.272 5.093-5.074 5.093"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.177 9.059a3.58 3.58 0 0 0-3.576 3.584a3.584 3.584 0 0 0 3.576 3.585a3.58 3.58 0 0 0 3.575-3.585a3.58 3.58 0 0 0-3.575-3.584m2.518 2.268l-2.366 1.229c-.07.039-.153-.017-.153-.093V9.791h.001c0-.06.054-.104.109-.104a2.94 2.94 0 0 1 2.452 1.492c.028.055.011.121-.043.148"/><path fill="currentColor" d="M18.578 3H5.361A2.363 2.363 0 0 0 3 5.366v13.277a2.37 2.37 0 0 0 2.361 2.371h13.217a2.367 2.367 0 0 0 2.361-2.372V5.372A2.37 2.37 0 0 0 18.578 3m-8.112 3.404a.78.78 0 0 1 .779-.781h1.815c.43 0 .778.35.778.781v.618a.106.106 0 0 1-.131.104a5.7 5.7 0 0 0-3.106.017c-.07.016-.136-.033-.136-.104zM7.08 8.993a.78.78 0 0 1 .001-1.103l.371-.371l.002-.002a.776.776 0 0 1 1.099.002l.31.311c.043.05.038.127-.017.159a5.8 5.8 0 0 0-1.296 1.3c-.044.049-.114.06-.163.011zm5.097 8.737a5.08 5.08 0 0 1-5.074-5.087c0-2.813 2.272-5.092 5.074-5.092a5.074 5.074 0 0 1 5.074 5.086c0 2.815-2.272 5.093-5.074 5.093"/></svg> </template>
CSS
.icon-algolia {
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%22M12.177%209.059a3.58%203.58%200%200%200-3.576%203.584a3.584%203.584%200%200%200%203.576%203.585a3.58%203.58%200%200%200%203.575-3.585a3.58%203.58%200%200%200-3.575-3.584m2.518%202.268l-2.366%201.229c-.07.039-.153-.017-.153-.093V9.791h.001c0-.06.054-.104.109-.104a2.94%202.94%200%200%201%202.452%201.492c.028.055.011.121-.043.148%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.578%203H5.361A2.363%202.363%200%200%200%203%205.366v13.277a2.37%202.37%200%200%200%202.361%202.371h13.217a2.367%202.367%200%200%200%202.361-2.372V5.372A2.37%202.37%200%200%200%2018.578%203m-8.112%203.404a.78.78%200%200%201%20.779-.781h1.815c.43%200%20.778.35.778.781v.618a.106.106%200%200%201-.131.104a5.7%205.7%200%200%200-3.106.017c-.07.016-.136-.033-.136-.104zM7.08%208.993a.78.78%200%200%201%20.001-1.103l.371-.371l.002-.002a.776.776%200%200%201%201.099.002l.31.311c.043.05.038.127-.017.159a5.8%205.8%200%200%200-1.296%201.3c-.044.049-.114.06-.163.011zm5.097%208.737a5.08%205.08%200%200%201-5.074-5.087c0-2.813%202.272-5.092%205.074-5.092a5.074%205.074%200%200%201%205.074%205.086c0%202.815-2.272%205.093-5.074%205.093%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%22M12.177%209.059a3.58%203.58%200%200%200-3.576%203.584a3.584%203.584%200%200%200%203.576%203.585a3.58%203.58%200%200%200%203.575-3.585a3.58%203.58%200%200%200-3.575-3.584m2.518%202.268l-2.366%201.229c-.07.039-.153-.017-.153-.093V9.791h.001c0-.06.054-.104.109-.104a2.94%202.94%200%200%201%202.452%201.492c.028.055.011.121-.043.148%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.578%203H5.361A2.363%202.363%200%200%200%203%205.366v13.277a2.37%202.37%200%200%200%202.361%202.371h13.217a2.367%202.367%200%200%200%202.361-2.372V5.372A2.37%202.37%200%200%200%2018.578%203m-8.112%203.404a.78.78%200%200%201%20.779-.781h1.815c.43%200%20.778.35.778.781v.618a.106.106%200%200%201-.131.104a5.7%205.7%200%200%200-3.106.017c-.07.016-.136-.033-.136-.104zM7.08%208.993a.78.78%200%200%201%20.001-1.103l.371-.371l.002-.002a.776.776%200%200%201%201.099.002l.31.311c.043.05.038.127-.017.159a5.8%205.8%200%200%200-1.296%201.3c-.044.049-.114.06-.163.011zm5.097%208.737a5.08%205.08%200%200%201-5.074-5.087c0-2.813%202.272-5.092%205.074-5.092a5.074%205.074%200%200%201%205.074%205.086c0%202.815-2.272%205.093-5.074%205.093%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bxl/algolia.svg?color=%231a73e8&size=48
