algolia logo

algolia from Font Awesome 6 Brands by Dave Gandy · Regular · CC-BY-4.0 Attribution required.

Name: algolia
Set: Font Awesome 6 Brands
Style: Regular
Viewbox: 512×512
License: CC BY 4.0

The same logo in other sets

algoliaBoxicons Brands algoliaCoreUI Brands algoliaDevicon algoliaFont Awesome Brands algoliaLine Awesome algoliaSVG Logos algoliaSimple Icons

Use the algolia logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M256 0C116.1 0 2 112.7 0 252.1c-2 141.5 112.9 258.7 254.5 259.5c43.7.3 85.9-10.4 123.3-30.7c3.6-2 4.2-7 1.1-9.7l-24-21.2c-4.9-4.3-11.8-5.5-17.8-3c-26.1 11.1-54.5 16.8-83.7 16.4c-114.4-1.5-206.9-96.6-205.1-211C50.1 139.5 142.6 48.2 256 48.2h207.7v369L345.9 312.5c-3.8-3.4-9.7-2.7-12.7 1.3c-18.9 25-49.7 40.6-83.9 38.2c-47.5-3.3-85.9-41.5-89.5-88.9c-4.2-56.6 40.6-103.9 96.3-103.9c50.4 0 91.9 38.8 96.2 88c.4 4.4 2.4 8.5 5.7 11.4l30.7 27.2c3.5 3.1 9 1.2 9.9-3.4c2.2-11.8 3-24.2 2.1-36.8c-4.9-72-63.3-130-135.4-134.4c-82.7-5.1-151.8 59.5-154 140.6c-2.1 78.9 62.6 147 141.6 148.7c33 .7 63.6-9.6 88.3-27.6L495 509.4c6.6 5.8 17 1.2 17-7.7V9.7c0-5.4-4.4-9.7-9.7-9.7z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6BrandsAlgolia(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M256 0C116.1 0 2 112.7 0 252.1c-2 141.5 112.9 258.7 254.5 259.5c43.7.3 85.9-10.4 123.3-30.7c3.6-2 4.2-7 1.1-9.7l-24-21.2c-4.9-4.3-11.8-5.5-17.8-3c-26.1 11.1-54.5 16.8-83.7 16.4c-114.4-1.5-206.9-96.6-205.1-211C50.1 139.5 142.6 48.2 256 48.2h207.7v369L345.9 312.5c-3.8-3.4-9.7-2.7-12.7 1.3c-18.9 25-49.7 40.6-83.9 38.2c-47.5-3.3-85.9-41.5-89.5-88.9c-4.2-56.6 40.6-103.9 96.3-103.9c50.4 0 91.9 38.8 96.2 88c.4 4.4 2.4 8.5 5.7 11.4l30.7 27.2c3.5 3.1 9 1.2 9.9-3.4c2.2-11.8 3-24.2 2.1-36.8c-4.9-72-63.3-130-135.4-134.4c-82.7-5.1-151.8 59.5-154 140.6c-2.1 78.9 62.6 147 141.6 148.7c33 .7 63.6-9.6 88.3-27.6L495 509.4c6.6 5.8 17 1.2 17-7.7V9.7c0-5.4-4.4-9.7-9.7-9.7z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M256 0C116.1 0 2 112.7 0 252.1c-2 141.5 112.9 258.7 254.5 259.5c43.7.3 85.9-10.4 123.3-30.7c3.6-2 4.2-7 1.1-9.7l-24-21.2c-4.9-4.3-11.8-5.5-17.8-3c-26.1 11.1-54.5 16.8-83.7 16.4c-114.4-1.5-206.9-96.6-205.1-211C50.1 139.5 142.6 48.2 256 48.2h207.7v369L345.9 312.5c-3.8-3.4-9.7-2.7-12.7 1.3c-18.9 25-49.7 40.6-83.9 38.2c-47.5-3.3-85.9-41.5-89.5-88.9c-4.2-56.6 40.6-103.9 96.3-103.9c50.4 0 91.9 38.8 96.2 88c.4 4.4 2.4 8.5 5.7 11.4l30.7 27.2c3.5 3.1 9 1.2 9.9-3.4c2.2-11.8 3-24.2 2.1-36.8c-4.9-72-63.3-130-135.4-134.4c-82.7-5.1-151.8 59.5-154 140.6c-2.1 78.9 62.6 147 141.6 148.7c33 .7 63.6-9.6 88.3-27.6L495 509.4c6.6 5.8 17 1.2 17-7.7V9.7c0-5.4-4.4-9.7-9.7-9.7z"/></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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%200C116.1%200%202%20112.7%200%20252.1c-2%20141.5%20112.9%20258.7%20254.5%20259.5c43.7.3%2085.9-10.4%20123.3-30.7c3.6-2%204.2-7%201.1-9.7l-24-21.2c-4.9-4.3-11.8-5.5-17.8-3c-26.1%2011.1-54.5%2016.8-83.7%2016.4c-114.4-1.5-206.9-96.6-205.1-211C50.1%20139.5%20142.6%2048.2%20256%2048.2h207.7v369L345.9%20312.5c-3.8-3.4-9.7-2.7-12.7%201.3c-18.9%2025-49.7%2040.6-83.9%2038.2c-47.5-3.3-85.9-41.5-89.5-88.9c-4.2-56.6%2040.6-103.9%2096.3-103.9c50.4%200%2091.9%2038.8%2096.2%2088c.4%204.4%202.4%208.5%205.7%2011.4l30.7%2027.2c3.5%203.1%209%201.2%209.9-3.4c2.2-11.8%203-24.2%202.1-36.8c-4.9-72-63.3-130-135.4-134.4c-82.7-5.1-151.8%2059.5-154%20140.6c-2.1%2078.9%2062.6%20147%20141.6%20148.7c33%20.7%2063.6-9.6%2088.3-27.6L495%20509.4c6.6%205.8%2017%201.2%2017-7.7V9.7c0-5.4-4.4-9.7-9.7-9.7z%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%200C116.1%200%202%20112.7%200%20252.1c-2%20141.5%20112.9%20258.7%20254.5%20259.5c43.7.3%2085.9-10.4%20123.3-30.7c3.6-2%204.2-7%201.1-9.7l-24-21.2c-4.9-4.3-11.8-5.5-17.8-3c-26.1%2011.1-54.5%2016.8-83.7%2016.4c-114.4-1.5-206.9-96.6-205.1-211C50.1%20139.5%20142.6%2048.2%20256%2048.2h207.7v369L345.9%20312.5c-3.8-3.4-9.7-2.7-12.7%201.3c-18.9%2025-49.7%2040.6-83.9%2038.2c-47.5-3.3-85.9-41.5-89.5-88.9c-4.2-56.6%2040.6-103.9%2096.3-103.9c50.4%200%2091.9%2038.8%2096.2%2088c.4%204.4%202.4%208.5%205.7%2011.4l30.7%2027.2c3.5%203.1%209%201.2%209.9-3.4c2.2-11.8%203-24.2%202.1-36.8c-4.9-72-63.3-130-135.4-134.4c-82.7-5.1-151.8%2059.5-154%20140.6c-2.1%2078.9%2062.6%20147%20141.6%20148.7c33%20.7%2063.6-9.6%2088.3-27.6L495%20509.4c6.6%205.8%2017%201.2%2017-7.7V9.7c0-5.4-4.4-9.7-9.7-9.7z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-brands/algolia.svg?color=%231a73e8&size=48