bxl algolia icon
bxl-algolia from BoxIcons v2 by Boxicons · Regular · MIT Free for personal and commercial use.
- Name
- bxl-algolia
- Set
- BoxIcons v2
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
Related icons in BoxIcons v2
Use the bxl algolia icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M12.177 9.059a3.582 3.582 0 0 0-3.576 3.584a3.584 3.584 0 0 0 3.576 3.585a3.578 3.578 0 0 0 3.575-3.585a3.582 3.582 0 0 0-3.575-3.584zm2.518 2.268l-2.366 1.229c-.07.039-.153-.017-.153-.093V9.791h.001c0-.06.054-.104.109-.104a2.943 2.943 0 0 1 2.452 1.492c.028.055.011.121-.043.148z" fill="currentColor"/><path d="M18.578 3H5.361A2.363 2.363 0 0 0 3 5.366v13.277a2.368 2.368 0 0 0 2.361 2.371h13.217a2.367 2.367 0 0 0 2.361-2.372V5.372A2.368 2.368 0 0 0 18.578 3zm-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.677 5.677 0 0 0-3.106.017c-.07.016-.136-.033-.136-.104v-.635zM7.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.82 5.82 0 0 0-1.296 1.3c-.044.049-.114.06-.163.011l-.306-.306l-.001-.001zm5.097 8.737a5.078 5.078 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.093z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function BxBxlAlgolia(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M12.177 9.059a3.582 3.582 0 0 0-3.576 3.584a3.584 3.584 0 0 0 3.576 3.585a3.578 3.578 0 0 0 3.575-3.585a3.582 3.582 0 0 0-3.575-3.584zm2.518 2.268l-2.366 1.229c-.07.039-.153-.017-.153-.093V9.791h.001c0-.06.054-.104.109-.104a2.943 2.943 0 0 1 2.452 1.492c.028.055.011.121-.043.148z" fill="currentColor"/><path d="M18.578 3H5.361A2.363 2.363 0 0 0 3 5.366v13.277a2.368 2.368 0 0 0 2.361 2.371h13.217a2.367 2.367 0 0 0 2.361-2.372V5.372A2.368 2.368 0 0 0 18.578 3zm-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.677 5.677 0 0 0-3.106.017c-.07.016-.136-.033-.136-.104v-.635zM7.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.82 5.82 0 0 0-1.296 1.3c-.044.049-.114.06-.163.011l-.306-.306l-.001-.001zm5.097 8.737a5.078 5.078 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.093z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M12.177 9.059a3.582 3.582 0 0 0-3.576 3.584a3.584 3.584 0 0 0 3.576 3.585a3.578 3.578 0 0 0 3.575-3.585a3.582 3.582 0 0 0-3.575-3.584zm2.518 2.268l-2.366 1.229c-.07.039-.153-.017-.153-.093V9.791h.001c0-.06.054-.104.109-.104a2.943 2.943 0 0 1 2.452 1.492c.028.055.011.121-.043.148z" fill="currentColor"/><path d="M18.578 3H5.361A2.363 2.363 0 0 0 3 5.366v13.277a2.368 2.368 0 0 0 2.361 2.371h13.217a2.367 2.367 0 0 0 2.361-2.372V5.372A2.368 2.368 0 0 0 18.578 3zm-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.677 5.677 0 0 0-3.106.017c-.07.016-.136-.033-.136-.104v-.635zM7.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.82 5.82 0 0 0-1.296 1.3c-.044.049-.114.06-.163.011l-.306-.306l-.001-.001zm5.097 8.737a5.078 5.078 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.093z" fill="currentColor"/></svg> </template>
CSS
.icon-bxl-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%20d%3D%22M12.177%209.059a3.582%203.582%200%200%200-3.576%203.584a3.584%203.584%200%200%200%203.576%203.585a3.578%203.578%200%200%200%203.575-3.585a3.582%203.582%200%200%200-3.575-3.584zm2.518%202.268l-2.366%201.229c-.07.039-.153-.017-.153-.093V9.791h.001c0-.06.054-.104.109-.104a2.943%202.943%200%200%201%202.452%201.492c.028.055.011.121-.043.148z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M18.578%203H5.361A2.363%202.363%200%200%200%203%205.366v13.277a2.368%202.368%200%200%200%202.361%202.371h13.217a2.367%202.367%200%200%200%202.361-2.372V5.372A2.368%202.368%200%200%200%2018.578%203zm-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.677%205.677%200%200%200-3.106.017c-.07.016-.136-.033-.136-.104v-.635zM7.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.82%205.82%200%200%200-1.296%201.3c-.044.049-.114.06-.163.011l-.306-.306l-.001-.001zm5.097%208.737a5.078%205.078%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.093z%22%20fill%3D%22currentColor%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%20d%3D%22M12.177%209.059a3.582%203.582%200%200%200-3.576%203.584a3.584%203.584%200%200%200%203.576%203.585a3.578%203.578%200%200%200%203.575-3.585a3.582%203.582%200%200%200-3.575-3.584zm2.518%202.268l-2.366%201.229c-.07.039-.153-.017-.153-.093V9.791h.001c0-.06.054-.104.109-.104a2.943%202.943%200%200%201%202.452%201.492c.028.055.011.121-.043.148z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M18.578%203H5.361A2.363%202.363%200%200%200%203%205.366v13.277a2.368%202.368%200%200%200%202.361%202.371h13.217a2.367%202.367%200%200%200%202.361-2.372V5.372A2.368%202.368%200%200%200%2018.578%203zm-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.677%205.677%200%200%200-3.106.017c-.07.016-.136-.033-.136-.104v-.635zM7.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.82%205.82%200%200%200-1.296%201.3c-.044.049-.114.06-.163.011l-.306-.306l-.001-.001zm5.097%208.737a5.078%205.078%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.093z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bx/bxl-algolia.svg?color=%231a73e8&size=48
