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

# Nous Research

Nous Research is an open AI research lab known for the Hermes family of open-weight large language models, the Hermes Agent and the Nous Portal.

## At a glance

- **Page**: https://devicons.io/icons/nous-research/
- **Website**: https://nousresearch.com/
- **License**: https://portal.nousresearch.com/terms
- **Also known as**: Nous, NousResearch, Nous Hermes, Hermes Agent, Nous Portal
- **Tags**: [AI](/icons/tag/ai/), [LLM](/icons/tag/llm/), [Open Source](/icons/tag/open-source/), [Research](/icons/tag/research/), [Agents](/icons/tag/agents/)
- **Version added**: 1.2.0
- **Contrast**: needs a light backdrop on dark 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 |
| --- | --- | --- | --- | --- |
| `nous-research-icon` | `NousResearchIcon` | https://devicons.io/devicons/icons/nous-research-icon.svg | https://devicons.io/devicons/font/nous-research-icon.svg | `devicons devicons-nous-research-icon` |
| `nous-research` | `NousResearch` | https://devicons.io/devicons/icons/nous-research.svg | https://devicons.io/devicons/font/nous-research.svg | `devicons devicons-nous-research` |

## Install and use

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

### React

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

<NousResearchIcon size={32} alt="Nous Research logo" />
```

### Vue

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

<template>
  <NousResearchIcon :size="32" alt="Nous Research logo" />
</template>
```

### Svelte

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

<NousResearchIcon size={32} alt="Nous Research logo" />
```

### Raw SVG

```html
<img src="https://devicons.io/devicons/icons/nous-research-icon.svg" alt="Nous Research logo" width="48" height="48" />
```

### Icon font

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

```html
<i class="devicons devicons-nous-research-icon"></i>
```

## About the Nous Research logo

The Nous Research mark is a black-and-white, manga-style portrait of a girl with a bob haircut and a hairband, shown in three-quarter view. The site uses the portrait on its own as its favicon. The full logo is a badge: a rounded rectangle frame with "NOUS" in tall condensed capitals above the portrait. Both files here come from the vector badge and portrait used on nousresearch.com.

The logo is pure black (#000000) with the background showing through for the light areas. On dark pages the site swaps in an inverted outline badge, so use the monochrome version in dark themes.

## When to use this logo

Use the Nous Research logo in model comparison tables, open-weight model catalogs, LLM provider pickers and inference server docs that list Hermes models. It also fits AI agent stack diagrams that include Hermes Agent. Natural pairings are Hugging Face, Meta Llama, Qwen, Mistral AI and DeepSeek, plus Ollama or LM Studio when you show where the models run.

## Related icons

- [DeepSeek](/icons/deepseek.md)
- [Aya](/icons/cohere-aya.md)
- [Dify](/icons/dify.md)
- [Kimi](/icons/kimi.md)
- [MCP](/icons/mcp.md)
- [MetaGPT](/icons/metagpt.md)
- [Z.ai](/icons/zai.md)
- [LangChain](/icons/langchain.md)

## Browse the catalog
- Previous: [Notion](/icons/notion.md)
- Next: [NovelAI](/icons/novelai.md)
- [All icons](/icons.md)