algolia logo

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

Name: algolia
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

algoliaBoxicons Brands algoliaCoreUI Brands algoliaDevicon algoliaFont Awesome 6 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 640 640"><path fill="currentColor" d="M320 64C180.1 64 66 176.7 64 316.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-211c1.8-112.9 94.3-204.2 207.7-204.2h207.7v369L409.9 376.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.6L559 573.4c6.6 5.8 17 1.2 17-7.7v-492c0-5.4-4.4-9.7-9.7-9.7z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsAlgolia(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 64C180.1 64 66 176.7 64 316.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-211c1.8-112.9 94.3-204.2 207.7-204.2h207.7v369L409.9 376.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.6L559 573.4c6.6 5.8 17 1.2 17-7.7v-492c0-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 640 640"><path fill="currentColor" d="M320 64C180.1 64 66 176.7 64 316.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-211c1.8-112.9 94.3-204.2 207.7-204.2h207.7v369L409.9 376.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.6L559 573.4c6.6 5.8 17 1.2 17-7.7v-492c0-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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320%2064C180.1%2064%2066%20176.7%2064%20316.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-211c1.8-112.9%2094.3-204.2%20207.7-204.2h207.7v369L409.9%20376.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.6L559%20573.4c6.6%205.8%2017%201.2%2017-7.7v-492c0-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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320%2064C180.1%2064%2066%20176.7%2064%20316.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-211c1.8-112.9%2094.3-204.2%20207.7-204.2h207.7v369L409.9%20376.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.6L559%20573.4c6.6%205.8%2017%201.2%2017-7.7v-492c0-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/fa7-brands/algolia.svg?color=%231a73e8&size=48