Algolia icon

thesvg-color:algolia

The Algolia icon (thesvg-color:algolia) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 485 × 120 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: theSVG Color
Author: thesvg.org
License: MIT
Size: 485 × 120

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="485" height="120" viewBox="0 0 485 120"><g fill="none"><path fill="#5468ff" d="M16.8-1.001h88.4c8.7 0 15.8 7.065 15.8 15.8v88.405c0 8.7-7.065 15.795-15.8 15.795H16.8c-8.7 0-15.8-7.06-15.8-15.795V14.759c0-8.695 7.06-15.76 15.8-15.76"/><path fill="#fff" d="M73.505 25.788v-4.115a5.21 5.21 0 0 0-5.21-5.205H56.15a5.21 5.21 0 0 0-5.21 5.205v4.225c0 .47.435.8.91.69a38 38 0 0 1 10.57-1.49c3.465 0 6.895.47 10.21 1.38c.44.11.875-.215.875-.69M40.22 31.173l-2.075-2.075a5.206 5.206 0 0 0-7.365 0l-2.48 2.475a5.185 5.185 0 0 0 0 7.355l2.04 2.04c.33.325.805.25 1.095-.075a40 40 0 0 1 3.975-4.66a37.7 37.7 0 0 1 4.7-4c.364-.22.4-.73.11-1.06m22.164 13.065v17.8c0 .51.55.875 1.02.62l15.825-8.19c.36-.18.47-.62.29-.98c-3.28-5.755-9.37-9.685-16.405-9.94c-.365 0-.73.29-.73.69m0 42.88c-13.195 0-23.915-10.705-23.915-23.88s10.72-23.875 23.915-23.875c13.2 0 23.916 10.7 23.916 23.875s-10.68 23.88-23.916 23.88m0-57.8c-18.74 0-33.94 15.18-33.94 33.92c0 18.745 15.2 33.89 33.94 33.89s33.94-15.18 33.94-33.925s-15.165-33.885-33.94-33.885"/><path fill="#5468ff" d="M240.214 94.177c-23.365.11-23.365-18.855-23.365-21.875l-.04-71.045l14.254-2.26v70.61c0 1.715 0 12.56 9.15 12.595v11.975zm-57.78-11.61c4.374 0 7.62-.255 9.88-.69V67.392a29 29 0 0 0-3.43-.695a34 34 0 0 0-4.956-.365c-1.57 0-3.175.11-4.775.365c-1.605.22-3.065.655-4.34 1.275s-2.335 1.495-3.1 2.62c-.8 1.13-1.165 1.785-1.165 3.495c0 3.345 1.165 5.28 3.28 6.55c2.115 1.275 4.995 1.93 8.606 1.93m-1.24-51.685c4.7 0 8.674.585 11.884 1.75c3.206 1.165 5.796 2.8 7.69 4.875c1.935 2.11 3.245 4.915 4.046 7.9c.84 2.985 1.24 6.26 1.24 9.86v36.62c-2.185.47-5.506 1.015-9.95 1.67q-6.668.984-14.986.985c-3.68 0-7.07-.365-10.095-1.055c-3.065-.69-5.65-1.82-7.84-3.385c-2.15-1.565-3.825-3.57-5.065-6.04c-1.205-2.48-1.825-5.97-1.825-9.61c0-3.495.69-5.715 2.045-8.12q2.071-3.6 5.575-5.895c2.37-1.53 5.065-2.62 8.165-3.275s6.345-.985 9.695-.985c1.57 0 3.21.11 4.96.29c1.715.185 3.575.515 5.545.985v-2.33c0-1.635-.185-3.2-.585-4.655a10 10 0 0 0-2.045-3.895c-.985-1.13-2.255-2.005-3.86-2.62c-1.605-.62-3.65-1.095-6.09-1.095c-3.28 0-6.27.4-9.005.875c-2.735.47-4.995 1.02-6.71 1.635l-1.71-11.68c1.785-.62 4.445-1.24 7.875-1.855c3.425-.66 7.11-.95 11.045-.95zm281.51 51.285c4.375 0 7.615-.255 9.875-.695v-14.48c-.8-.22-1.93-.475-3.425-.695a34 34 0 0 0-4.96-.365c-1.565 0-3.17.11-4.775.365c-1.6.22-3.06.655-4.335 1.275c-1.28.62-2.335 1.495-3.1 2.62c-.805 1.13-1.165 1.785-1.165 3.495c0 3.345 1.165 5.28 3.28 6.55c2.15 1.31 4.995 1.93 8.605 1.93m-1.205-51.645c4.7 0 8.674.58 11.884 1.745c3.205 1.165 5.795 2.8 7.69 4.875s3.245 4.915 4.045 7.9c.84 2.985 1.24 6.26 1.24 9.865v36.615c-2.185.47-5.505 1.015-9.95 1.675q-6.668.981-14.985.98c-3.68 0-7.07-.365-10.094-1.055c-3.065-.69-5.65-1.82-7.84-3.385c-2.15-1.565-3.825-3.57-5.065-6.04c-1.205-2.475-1.825-5.97-1.825-9.61c0-3.495.695-5.715 2.045-8.12q2.071-3.6 5.575-5.895c2.37-1.525 5.065-2.62 8.165-3.275s6.345-.98 9.7-.98c1.565 0 3.205.11 4.955.29s3.575.51 5.54.985v-2.33c0-1.64-.18-3.205-.58-4.66a10 10 0 0 0-2.045-3.895c-.985-1.13-2.255-2.005-3.86-2.62c-1.606-.62-3.65-1.09-6.09-1.09c-3.28 0-6.27.4-9.005.87c-2.735.475-4.995 1.02-6.71 1.64l-1.71-11.685c1.785-.62 4.445-1.235 7.875-1.855c3.425-.62 7.105-.945 11.045-.945m-42.8-6.77c4.774 0 8.68-3.86 8.68-8.63c0-4.765-3.866-8.625-8.68-8.625c-4.81 0-8.675 3.86-8.675 8.625c0 4.77 3.9 8.63 8.675 8.63m7.18 70.425h-14.326v-61.44l14.325-2.255zm-25.116 0c-23.365.11-23.365-18.855-23.365-21.875l-.04-71.045l14.255-2.26v70.61c0 1.715 0 12.56 9.15 12.595zm-46.335-31.445c0-6.155-1.35-11.285-3.974-14.85c-2.625-3.605-6.305-5.385-11.01-5.385c-4.7 0-8.386 1.78-11.006 5.385c-2.625 3.6-3.904 8.695-3.904 14.85c0 6.225 1.315 10.405 3.94 14.01c2.625 3.64 6.305 5.425 11.01 5.425c4.7 0 8.385-1.82 11.01-5.425c2.624-3.64 3.934-7.785 3.934-14.01m14.58-.035c0 4.805-.69 8.44-2.114 12.41q-2.131 5.947-6.01 10.155c-2.59 2.8-5.69 4.985-9.336 6.515c-3.644 1.525-9.26 2.4-12.065 2.4c-2.81-.035-8.385-.835-11.995-2.4s-6.71-3.715-9.295-6.515c-2.59-2.805-4.594-6.19-6.054-10.155c-1.456-3.97-2.185-7.605-2.185-12.41s.654-9.43 2.114-13.36s3.5-7.28 6.125-10.08c2.625-2.805 5.76-4.955 9.33-6.48c3.61-1.53 7.585-2.255 11.885-2.255c4.305 0 8.275.76 11.92 2.255c3.65 1.525 6.786 3.675 9.336 6.48c2.584 2.8 4.59 6.15 6.05 10.08c1.53 3.93 2.295 8.555 2.295 13.36zm-107.284 0c0 5.965 1.31 12.59 3.935 15.355c2.625 2.77 6.014 4.15 10.175 4.15c2.26 0 4.41-.325 6.414-.945c2.005-.62 3.606-1.35 4.886-2.22v-35.34c-1.02-.22-5.286-1.095-9.41-1.2c-5.175-.15-9.11 1.965-11.88 5.345c-2.736 3.39-4.12 9.32-4.12 14.855m39.625 28.095c0 9.72-2.48 16.815-7.476 21.33c-4.99 4.51-12.61 6.77-22.89 6.77c-3.755 0-11.555-.73-17.79-2.11l2.295-11.285c5.215 1.09 12.105 1.385 15.715 1.385c5.72 0 9.805-1.165 12.245-3.495c2.445-2.33 3.645-5.785 3.645-10.375v-2.33c-1.42.69-3.28 1.385-5.575 2.115c-2.295.69-4.955 1.055-7.95 1.055c-3.935 0-7.51-.62-10.75-1.86c-3.245-1.235-6.055-3.055-8.35-5.46c-2.295-2.4-4.12-5.42-5.395-9.025s-1.935-10.045-1.935-14.775c0-4.44.695-10.01 2.046-13.725c1.384-3.71 3.35-6.915 6.014-9.57c2.626-2.655 5.835-4.695 9.59-6.19c3.755-1.49 8.16-2.435 12.935-2.435c4.635 0 8.9.58 13.055 1.275c4.155.69 7.69 1.415 10.57 2.215z"/></g></svg>

How to use the Algolia icon

React

import { Icon } from "@iconify/react";

<Icon icon="thesvg-color:algolia" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="thesvg-color:algolia" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="thesvg-color:algolia" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--algolia]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:algolia"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="thesvg-color:algolia"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/thesvg-color/algolia.svg" alt="Algolia icon" width="24" height="24">

Algolia icon in other icon sets

Algolia icon FAQ

Is the Algolia icon free for commercial use?

Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Algolia icon in React?

Install @iconify/react and render <Icon icon="thesvg-color:algolia" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Algolia icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/algolia.svg" alt="Algolia icon">, or paste the SVG code inline to style it with CSS.

Browse all theSVG Color icons →