ICONYZ
Español
Icono Algolia de theSVG Color

Icono Algolia

thesvg-color:algolia

El icono Algolia (thesvg-color:algolia) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 485 × 120. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
theSVG Color
Autor
thesvg.org
Licencia
MIT
Tamaño
485 × 120
Descargar SVG

Código 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>

Cómo usar el icono 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>

Imagen HTML

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

El icono Algolia en otras colecciones

Icono Algolia de Boxicons Brands
Boxicons Brands
 Icono Algolia de CoreUI Brands
CoreUI Brands
 Icono Algolia de Devicon
Devicon
 Icono Algolia de Font Awesome 5 Brands
Font Awesome 5 Brands
 Icono Algolia de Font Awesome 6 Brands
Font Awesome 6 Brands
 Icono Algolia de Font Awesome Brands
Font Awesome Brands
 Icono Algolia de Fontisto
Fontisto
 Icono Algolia de Line Awesome
Line Awesome
 Icono Algolia de Meteor Icons
Meteor Icons
 Icono Algolia de Pixel Icon
Pixel Icon
 Icono Algolia de SVG Logos
SVG Logos
 Icono Algolia de Simple Icons
Simple Icons

Preguntas frecuentes sobre Icono Algolia

¿El icono Algolia es gratis para uso comercial?

Sí. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Algolia en React?

Instala @iconify/react y renderiza <Icon icon="thesvg-color:algolia" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Algolia a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg-color/algolia.svg" alt="Icono Algolia">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos theSVG Color →