Algolia icon

logos:algolia

The Algolia icon (logos:algolia) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 127 grid. SVG Logos icons are released under the CC0 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: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 512 × 127

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="127" viewBox="0 0 512 127"><path fill="#5468ff" d="M16.645.052h93.13c9.165 0 16.645 7.443 16.645 16.646v93.134c0 9.166-7.443 16.64-16.646 16.64H16.645C7.48 126.472 0 119.035 0 109.832V16.656C0 7.496 7.438.052 16.645.052"/><path fill="#fff" d="M76.384 28.275v-4.336a5.49 5.49 0 0 0-5.489-5.483H58.1a5.49 5.49 0 0 0-5.488 5.483v4.451c0 .496.458.843.958.727a40 40 0 0 1 11.136-1.57c3.65 0 7.264.496 10.756 1.455a.74.74 0 0 0 .922-.727m-35.066 5.673l-2.186-2.186a5.485 5.485 0 0 0-7.759 0l-2.613 2.607a5.46 5.46 0 0 0 0 7.749l2.15 2.149c.347.342.848.263 1.153-.08a42 42 0 0 1 4.188-4.909a39.7 39.7 0 0 1 4.951-4.214c.384-.231.422-.769.116-1.116m23.35 13.764v18.752c0 .537.58.922 1.074.653l16.672-8.628c.38-.19.495-.653.306-1.033c-3.456-6.062-9.872-10.203-17.283-10.471c-.385 0-.77.305-.77.727m0 45.174c-13.9 0-25.193-11.278-25.193-25.158s11.293-25.152 25.194-25.152c13.906 0 25.195 11.272 25.195 25.152S78.612 92.886 64.668 92.886m0-60.893c-19.743 0-35.756 15.993-35.756 35.735c0 19.748 16.013 35.703 35.756 35.703s35.756-15.992 35.756-35.74s-15.977-35.698-35.756-35.698"/><path fill="#5468ff" d="M252.011 100.323c-24.615.115-24.615-19.864-24.615-23.046l-.042-74.846l15.017-2.38v74.387c0 1.807 0 13.232 9.64 13.269zm-60.87-12.232c4.607 0 8.027-.268 10.408-.727v-15.26a31 31 0 0 0-3.614-.732a35.6 35.6 0 0 0-5.22-.384a32 32 0 0 0-5.031.384c-1.691.232-3.23.69-4.572 1.343c-1.344.654-2.46 1.575-3.266 2.76c-.843 1.191-1.228 1.881-1.228 3.682c0 3.524 1.228 5.563 3.456 6.9c2.228 1.344 5.262 2.034 9.066 2.034m-1.307-54.45c4.951 0 9.138.616 12.52 1.844c3.377 1.227 6.106 2.95 8.101 5.136c2.039 2.222 3.419 5.177 4.263 8.322c.885 3.145 1.306 6.595 1.306 10.388V97.91c-2.302.495-5.8 1.07-10.482 1.76q-7.025 1.036-15.788 1.037c-3.877 0-7.448-.385-10.635-1.112c-3.23-.727-5.952-1.917-8.26-3.566c-2.265-1.648-4.03-3.76-5.336-6.363c-1.269-2.613-1.922-6.29-1.922-10.124c0-3.682.727-6.02 2.154-8.554a18.15 18.15 0 0 1 5.874-6.21c2.496-1.613 5.335-2.76 8.601-3.451c3.266-.69 6.685-1.038 10.214-1.038c1.654 0 3.382.116 5.225.306c1.807.195 3.767.542 5.842 1.038v-2.455c0-1.723-.195-3.371-.616-4.904a10.55 10.55 0 0 0-2.155-4.103c-1.037-1.191-2.375-2.113-4.066-2.76c-1.691-.654-3.845-1.154-6.416-1.154c-3.455 0-6.605.421-9.487.922c-2.881.495-5.262 1.074-7.069 1.722L169.9 36.596c1.88-.653 4.683-1.306 8.296-1.954c3.608-.695 7.49-1 11.636-1zm296.57 54.029c4.61 0 8.023-.269 10.404-.732V71.683c-.843-.232-2.034-.5-3.609-.732a35.6 35.6 0 0 0-5.225-.385c-1.649 0-3.34.116-5.03.385c-1.686.232-3.224.69-4.567 1.343c-1.349.653-2.46 1.575-3.266 2.76c-.848 1.19-1.228 1.88-1.228 3.682c0 3.524 1.228 5.563 3.456 6.9c2.265 1.38 5.262 2.034 9.065 2.034m-1.27-54.408c4.952 0 9.139.61 12.52 1.838c3.377 1.228 6.106 2.95 8.102 5.136s3.419 5.178 4.261 8.323c.885 3.144 1.307 6.595 1.307 10.392v38.574c-2.302.495-5.8 1.07-10.483 1.765q-7.024 1.033-15.786 1.032c-3.877 0-7.449-.384-10.634-1.111c-3.23-.727-5.953-1.918-8.26-3.566c-2.265-1.649-4.03-3.761-5.336-6.363c-1.27-2.608-1.922-6.29-1.922-10.125c0-3.681.732-6.02 2.154-8.554a18.15 18.15 0 0 1 5.873-6.21c2.497-1.607 5.336-2.76 8.602-3.45s6.685-1.033 10.219-1.033c1.649 0 3.377.116 5.22.306c1.844.19 3.766.537 5.837 1.037V58.8c0-1.728-.19-3.377-.612-4.91a10.5 10.5 0 0 0-2.154-4.103c-1.038-1.19-2.376-2.112-4.066-2.76c-1.692-.653-3.846-1.149-6.416-1.149c-3.456 0-6.606.422-9.487.917c-2.881.5-5.262 1.075-7.069 1.728l-1.801-12.31c1.88-.654 4.682-1.301 8.296-1.955c3.608-.653 7.485-.995 11.636-.995m-45.089-7.132c5.03 0 9.144-4.067 9.144-9.092c0-5.02-4.072-9.086-9.144-9.086c-5.067 0-9.14 4.066-9.14 9.086c0 5.025 4.11 9.092 9.14 9.092m7.564 74.192h-15.092V35.595l15.091-2.375zm-26.46.001c-24.614.115-24.614-19.864-24.614-23.046l-.043-74.846L411.51.051v74.387c0 1.807 0 13.232 9.64 13.269zm-48.813-33.128c0-6.484-1.423-11.889-4.187-15.644c-2.765-3.798-6.642-5.674-11.599-5.674c-4.951 0-8.835 1.876-11.595 5.674c-2.765 3.792-4.113 9.16-4.113 15.644c0 6.558 1.386 10.962 4.151 14.76c2.766 3.834 6.642 5.715 11.6 5.715c4.95 0 8.833-1.918 11.598-5.715c2.765-3.835 4.145-8.202 4.145-14.76m15.36-.037c0 5.062-.727 8.892-2.227 13.074q-2.246 6.266-6.332 10.698c-2.729 2.95-5.994 5.252-9.835 6.864c-3.84 1.606-9.756 2.528-12.71 2.528c-2.961-.037-8.834-.88-12.638-2.528c-3.803-1.649-7.069-3.914-9.792-6.864c-2.728-2.955-4.84-6.52-6.378-10.698c-1.534-4.182-2.302-8.012-2.302-13.074s.69-9.934 2.227-14.075c1.539-4.14 3.688-7.669 6.453-10.619c2.766-2.955 6.068-5.22 9.83-6.827c3.802-1.611 7.99-2.375 12.52-2.375c4.535 0 8.718.8 12.558 2.375c3.845 1.607 7.149 3.872 9.835 6.827c2.723 2.95 4.836 6.48 6.374 10.62c1.612 4.14 2.418 9.012 2.418 14.074zm-113.024 0c0 6.284 1.38 13.264 4.146 16.177c2.765 2.918 6.335 4.372 10.72 4.372c2.38 0 4.645-.343 6.756-.996s3.8-1.422 5.148-2.339v-37.23c-1.075-.232-5.57-1.154-9.914-1.265c-5.452-.158-9.597 2.07-12.515 5.631c-2.883 3.572-4.34 9.819-4.34 15.65m41.745 29.598c0 10.24-2.613 17.715-7.876 22.471c-5.257 4.752-13.285 7.132-24.114 7.132c-3.956 0-12.174-.769-18.742-2.222l2.418-11.89c5.494 1.15 12.752 1.46 16.555 1.46c6.026 0 10.33-1.227 12.9-3.682c2.576-2.455 3.84-6.094 3.84-10.93V96.64c-1.496.727-3.455 1.46-5.873 2.228c-2.418.727-5.22 1.112-8.375 1.112c-4.146 0-7.912-.653-11.325-1.96c-3.419-1.3-6.38-3.218-8.797-5.752c-2.418-2.528-4.34-5.71-5.684-9.508c-1.343-3.797-2.038-10.582-2.038-15.565c0-4.678.732-10.545 2.155-14.46c1.458-3.908 3.53-7.284 6.336-10.081c2.767-2.797 6.147-4.946 10.103-6.521c3.956-1.57 8.597-2.566 13.627-2.566c4.883 0 9.376.611 13.754 1.344c4.377.726 8.1 1.49 11.135 2.333z"/></svg>

How to use the Algolia icon

React

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

<Icon icon="logos:algolia" width="24" />

Vue

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

<template>
  <Icon icon="logos:algolia" width="24" />
</template>

Svelte

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

<Icon icon="logos:algolia" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="logos:algolia"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/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. SVG Logos icons are released under the CC0 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="logos: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/logos/algolia.svg" alt="Algolia icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →