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

# Chromium

Chromium is the open-source browser project behind Google Chrome, Microsoft Edge, Brave, Opera and Electron, home of the Blink rendering engine and V8.

## At a glance

- **Page**: https://devicons.io/icons/chromium/
- **Website**: https://www.chromium.org/
- **Also known as**: Chromium Browser, Chromium Project, Blink
- **Tags**: [Browser](/icons/tag/browser/), [Open Source](/icons/tag/open-source/), [Google](/icons/tag/google/), [Web](/icons/tag/web/)
- **Version added**: 1.3.0

## 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 |
| --- | --- | --- | --- | --- |
| `chromium` | `Chromium` | https://devicons.io/devicons/icons/chromium.svg | https://devicons.io/devicons/font/chromium.svg | `devicons devicons-chromium` |

## Install and use

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

### React

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

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

### Vue

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

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

### Svelte

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

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

### Raw SVG

```html
<img src="https://devicons.io/devicons/icons/chromium.svg" alt="Chromium logo" width="48" height="48" />
```

### Icon font

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

```html
<i class="devicons devicons-chromium"></i>
```

## About the Chromium logo

The Chromium logo has the same shape as the Chrome logo: a circle split into three segments around a central dot. Instead of Chrome's red, yellow and green, Chromium uses shades of blue, from deep blue (#1972E7) and Google blue (#4285F4) to pale blue (#AFCCFB). A white ring separates the centre from the outer segments.

The blue logo reads well on light and dark backgrounds.

## When to use this logo

Use Chromium in browser engine comparisons, Electron and headless browser docs, Puppeteer or Playwright setup guides and web compatibility tables. It pairs naturally with Chrome, Microsoft Edge, Brave, Firefox and Electron.

## Related icons

- [Firefox](/icons/firefox.md)
- [Firefox Browser](/icons/firefox-browser.md)
- [Mozilla](/icons/mozilla.md)
- [Chrome](/icons/chrome.md)
- [Android](/icons/android.md)
- [AMP](/icons/amp.md)
- [Baseline](/icons/baseline.md)
- [Brave](/icons/brave.md)

## Browse the catalog
- Previous: [Chrome Web Store](/icons/chrome-web-store.md)
- Next: [Cinder](/icons/cinder.md)
- [All icons](/icons.md)