Ikon Algolia
thesvg-color:algolia
Ikon Algolia (thesvg-color:algolia) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 485 × 120. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- theSVG Color
- Pembuat
- thesvg.org
- Lisensi
- MIT
- Ukuran
- 485 × 120
Kode SVG
<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>Cara memakai ikon Algolia
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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/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. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Algolia di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color: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/thesvg-color/algolia.svg" alt="Ikon Algolia">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.