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

# Pika

Pika is an AI video and creative platform from Pika Labs that bundles its own Pika video models with third-party image, video and audio models in one app.

## At a glance

- **Page**: https://devicons.io/icons/pika/
- **Website**: https://pika.art/
- **License**: https://pika.art/terms-of-service
- **Also known as**: Pika Labs, Pika Art, pika.art
- **Tags**: [AI](/icons/tag/ai/), [Video](/icons/tag/video/), [Image Generation](/icons/tag/image-generation/), [Generative AI](/icons/tag/generative-ai/)
- **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 |
| --- | --- | --- | --- | --- |
| `pika-icon` | `PikaIcon` | https://devicons.io/devicons/icons/pika-icon.svg | https://devicons.io/devicons/font/pika-icon.svg | `devicons devicons-pika-icon` |
| `pika` | `Pika` | https://devicons.io/devicons/icons/pika.svg | https://devicons.io/devicons/font/pika.svg | `devicons devicons-pika` |

## Install and use

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

### React

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

<PikaIcon size={32} alt="Pika logo" />
```

### Vue

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

<template>
  <PikaIcon :size="32" alt="Pika logo" />
</template>
```

### Svelte

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

<PikaIcon size={32} alt="Pika logo" />
```

### Raw SVG

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

### Icon font

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

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

## About the Pika logo

The Pika mark is a compact, rounded animal silhouette with a swept-back ear, cut by two thin curved notches. The wordmark is a wide geometric "Pika" with a dotted i and a single-story a. On pika.art the two appear separately: the wordmark sits in the header and the mark in the footer. Both files come from the vector SVGs on pika.art.

Both are single-color. The color files are black, and the site shows them in white on dark sections. The black versions disappear on dark backgrounds, so use the monochrome versions in dark themes.

## When to use this logo

Use the Pika logo in AI video generator comparisons, generative media tool directories, creator-economy stack diagrams, and docs or tutorials about making or editing clips with Pika. Use the mark alone for avatars, model pickers and small badges. It pairs naturally with Runway, Luma, Kling, Google Veo and OpenAI Sora.

## Related icons

- [Luma](/icons/luma.md)
- [Adobe Firefly](/icons/adobe-firefly.md)
- [ComfyUI](/icons/comfyui.md)
- [DeepAI](/icons/deepai.md)
- [Dream Machine](/icons/luma-dream-machine.md)
- [Hailuo AI](/icons/hailuo.md)
- [Ideogram](/icons/ideogram.md)
- [Kling AI](/icons/kling.md)

## Browse the catalog
- Previous: [PhpStorm](/icons/phpstorm.md)
- Next: [Pinecone](/icons/pinecone.md)
- [All icons](/icons.md)