[Home](/index.md) › [Icons](/icons.md) › Aya

# Aya

Aya is an open-science initiative from Cohere Labs that releases open multilingual large language models, such as Aya Expanse, Aya Vision and Tiny Aya.

## At a glance

- **Page**: https://devicons.io/icons/cohere-aya/
- **Website**: https://cohere.com/research/aya
- **License**: https://cohere.com/terms-of-use
- **Also known as**: Cohere Aya, Aya Expanse, Aya Vision, Tiny Aya, Aya 101, Aya 23
- **Tags**: [AI](/icons/tag/ai/), [LLM](/icons/tag/llm/), [Open Source](/icons/tag/open-source/), [Research](/icons/tag/research/), [NLP](/icons/tag/nlp/)
- **Version added**: 1.2.0
- **Contrast**: needs a dark backdrop on light backgrounds

## Files

Each file is one variant of this logo. The component name is derived from the file name.

| File | Component | Color SVG | Monochrome SVG | Font class |
| --- | --- | --- | --- | --- |
| `cohere-aya-icon` | `CohereAyaIcon` | https://devicons.io/devicons/icons/cohere-aya-icon.svg | https://devicons.io/devicons/font/cohere-aya-icon.svg | `devicons devicons-cohere-aya-icon` |
| `cohere-aya` | `CohereAya` | https://devicons.io/devicons/icons/cohere-aya.svg | https://devicons.io/devicons/font/cohere-aya.svg | `devicons devicons-cohere-aya` |

## Install and use

```bash
npm install @dev.icons/react  # or @dev.icons/vue, @dev.icons/svelte
```

### React

```tsx
import { CohereAyaIcon } from "@dev.icons/react";
// Monochrome (inherits currentColor):
// import { CohereAyaIcon } from "@dev.icons/react/mono";

<CohereAyaIcon size={32} alt="Aya logo" />
```

### Vue

```vue
<script setup>
import { CohereAyaIcon } from "@dev.icons/vue";
</script>

<template>
  <CohereAyaIcon :size="32" alt="Aya logo" />
</template>
```

### Svelte

```svelte
<script>
  import { CohereAyaIcon } from "@dev.icons/svelte";
</script>

<CohereAyaIcon size={32} alt="Aya logo" />
```

### Raw SVG

```html
<img src="https://devicons.io/devicons/icons/cohere-aya-icon.svg" alt="Aya logo" width="48" height="48" />
```

### Icon font

```css
@import "devicons/css"; /* npm install devicons */
```

```html
<i class="devicons devicons-cohere-aya-icon"></i>
```

## About the Aya logo

The Aya mark is a sprig of four rounded leaves growing from a single point, with the largest leaf at the bottom. The full logo sets the mark next to a clean sans-serif "Aya" wordmark. In its current artwork on cohere.com, Cohere Labs shows the leaves in lime (#CEFF00) and the wordmark in white on dark backgrounds, and the color files here follow that. Some icon sets still show the leaves in an older blue (#416FDC).

The lime leaves and white wordmark are hard to see on white, so place the color logo on a dark surface. Use the monochrome version on light pages.

## When to use this logo

Use the Aya logo in multilingual model comparisons, open-weight model catalogs, LLM pickers and benchmark charts that cover languages beyond English. It also fits translation and localization pipelines that run Aya models. Pair it with the Cohere logo for the parent company. Hugging Face, Qwen, Meta Llama and Mistral AI are natural neighbors.

## Related icons

- [Cohere](/icons/cohere.md)
- [DeepSeek](/icons/deepseek.md)
- [Nous Research](/icons/nous-research.md)
- [Z.ai](/icons/zai.md)
- [Google Gemini](/icons/google-gemini.md)
- [Hugging Face](/icons/hugging-face.md)
- [Mistral](/icons/mistral-ai.md)
- [xAI](/icons/xai.md)

## Browse the catalog
- Previous: [Axios](/icons/axios.md)
- Next: [Backbone](/icons/backbone.md)
- [All icons](/icons.md)