Иконка Algolia

thesvg-color:algolia

Иконка Algolia (thesvg-color:algolia) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 485 × 120. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: theSVG Color
Автор: thesvg.org
Лицензия: MIT
Размер: 485 × 120

Скачать SVG

Код 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>

Как использовать иконку 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>

Веб-компонент

<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

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

Иконка Algolia в других наборах

Вопросы и ответы: Иконка Algolia

Можно ли бесплатно использовать иконку Algolia в коммерческих проектах?

Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Algolia в React?

Установите @iconify/react и выведите <Icon icon="thesvg-color:algolia" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Algolia на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/algolia.svg" alt="Иконка Algolia">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки theSVG Color →