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

# Solana

Solana is a high-throughput layer-1 blockchain for decentralized apps, DeFi, payments and NFTs, with on-chain programs written in Rust and its native token SOL.

## At a glance

- **Page**: https://devicons.io/icons/solana/
- **Website**: https://solana.com/
- **Brand guidelines**: https://solana.com/branding
- **Also known as**: SOL, Solana Blockchain, Solana Labs
- **Tags**: [Blockchain](/icons/tag/blockchain/), [Cryptocurrency](/icons/tag/cryptocurrency/), [Web3](/icons/tag/web3/), [Smart Contracts](/icons/tag/smart-contracts/), [Rust](/icons/tag/rust/)
- **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 |
| --- | --- | --- | --- | --- |
| `solana` | `Solana` | https://devicons.io/devicons/icons/solana.svg | https://devicons.io/devicons/font/solana.svg | `devicons devicons-solana` |

## Install and use

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

### React

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

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

### Vue

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

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

### Svelte

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

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

### Raw SVG

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

### Icon font

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

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

## About the Solana logo

The Solana logo mark is three slanted bars stacked like a stylised "S", with the middle bar slanting the opposite way. The bars are filled with Solana's gradient from purple (#DC1FFF) to green (#00FFA3).

The gradient reads well on light and dark backgrounds.

## When to use this logo

Use Solana in blockchain comparisons, wallet and dApp integration docs and web3 stack diagrams. It pairs naturally with Ethereum, Rust, Tether, Coinbase and MetaMask.

## Related icons

- [Ethereum](/icons/ethereum.md)
- [Cardano](/icons/cardano.md)
- [Ethereum (Color)](/icons/ethereum-color.md)
- [Solidity](/icons/solidity.md)
- [Binance](/icons/binance.md)
- [Coinbase](/icons/coinbase.md)
- [Dogecoin](/icons/dogecoin.md)
- [Hardhat](/icons/hardhat.md)

## Browse the catalog
- Previous: [Socket.io](/icons/socketio.md)
- Next: [Solarwinds](/icons/solarwinds.md)
- [All icons](/icons.md)