Ikon Algolia

logos:algolia

Ikon Algolia (logos:algolia) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 127. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: SVG Logos
Pembuat: Gil Barbara
Lisensi: CC0-1.0
Ukuran: 512 × 127

Download SVG

Kode SVG

<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>

Cara memakai ikon Algolia

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>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/logos/algolia.svg" alt="Ikon Algolia" width="24" height="24">

Ikon Algolia di set ikon lain

FAQ Ikon Algolia

Apakah ikon Algolia gratis untuk penggunaan komersial?

Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Algolia di React?

Pasang @iconify/react lalu render <Icon icon="logos:algolia" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Algolia ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/algolia.svg" alt="Ikon Algolia">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon SVG Logos →