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

# Tripo

Tripo is an AI 3D model generator from VAST that turns text prompts and images into 3D models, offered through Tripo Studio and the Tripo API.

## At a glance

- **Page**: https://devicons.io/icons/tripo/
- **Website**: https://www.tripo3d.ai/
- **Also known as**: Tripo AI, Tripo3D, Tripo Studio, VAST
- **Tags**: [AI](/icons/tag/ai/), [3D](/icons/tag/3d/), [API](/icons/tag/api/), [China](/icons/tag/china/)
- **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 |
| --- | --- | --- | --- | --- |
| `tripo-icon` | `TripoIcon` | https://devicons.io/devicons/icons/tripo-icon.svg | https://devicons.io/devicons/font/tripo-icon.svg | `devicons devicons-tripo-icon` |
| `tripo` | `Tripo` | https://devicons.io/devicons/icons/tripo.svg | https://devicons.io/devicons/font/tripo.svg | `devicons devicons-tripo` |

## Install and use

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

### React

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

<TripoIcon size={32} alt="Tripo logo" />
```

### Vue

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

<template>
  <TripoIcon :size="32" alt="Tripo logo" />
</template>
```

### Svelte

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

<TripoIcon size={32} alt="Tripo logo" />
```

### Raw SVG

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

### Icon font

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

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

## About the Tripo logo

The Tripo mark combines two shapes: a yellow bar shaped like a "T" sits over a heavy, rounded black "V". The full logo pairs the mark with a wide, all-caps "TRIPO" wordmark, the same way the Tripo site shows them side by side in its header.

The accent is a warm yellow (#F6D85A), and the "V" and wordmark are black. Tripo's own site is dark and draws the "V" and wordmark in white. Black parts vanish on dark backgrounds, so use the monochrome version in dark themes.

## When to use this logo

Use the Tripo logo in AI 3D tool roundups, text-to-3D and image-to-3D model comparisons, game asset and 3D printing pipeline diagrams, and docs for plugins or SDKs that call the Tripo API. The mark alone works well in compact provider pickers, integration grids and app sidebars, while the full logo suits landing pages and partner sections. It pairs naturally with Meshy, Luma, Blender, Unity and Unreal Engine.

## Related icons

- [iFLYTEK Open Platform](/icons/iflytek-cloud.md)
- [Meshy](/icons/meshy.md)
- [MiniMax](/icons/minimax.md)
- [Moonshot AI](/icons/moonshot.md)
- [PixVerse](/icons/pixverse.md)
- [OpenAI](/icons/openai.md)
- [360 Zhinao](/icons/ai360.md)
- [Alibaba](/icons/alibaba.md)

## Browse the catalog
- Previous: [Trello](/icons/trello.md)
- Next: [tRPC](/icons/trpc.md)
- [All icons](/icons.md)