[Home](/index.md) › [Icons](/icons.md) › Microsoft SQL Server

# Microsoft SQL Server

Microsoft SQL Server is Microsoft's relational database for Windows, Linux and containers, with T-SQL, high availability and AI features like vector search.

## At a glance

- **Page**: https://devicons.io/icons/microsoft-sql-server/
- **Website**: https://www.microsoft.com/en-us/sql-server
- **License**: https://www.microsoft.com/en-us/legal/intellectualproperty/trademarks
- **Also known as**: SQL Server, MSSQL, MS SQL Server, MS SQL, SQL Server 2025
- **Tags**: [Database](/icons/tag/database/), [SQL](/icons/tag/sql/), [Microsoft](/icons/tag/microsoft/), [RDBMS](/icons/tag/rdbms/)
- **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 |
| --- | --- | --- | --- | --- |
| `microsoft-sql-server` | `MicrosoftSqlServer` | https://devicons.io/devicons/icons/microsoft-sql-server.svg | https://devicons.io/devicons/font/microsoft-sql-server.svg | `devicons devicons-microsoft-sql-server` |

## Install and use

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

### React

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

<MicrosoftSqlServer size={32} alt="Microsoft SQL Server logo" />
```

### Vue

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

<template>
  <MicrosoftSqlServer :size="32" alt="Microsoft SQL Server logo" />
</template>
```

### Svelte

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

<MicrosoftSqlServer size={32} alt="Microsoft SQL Server logo" />
```

### Raw SVG

```html
<img src="https://devicons.io/devicons/icons/microsoft-sql-server.svg" alt="Microsoft SQL Server logo" width="48" height="48" />
```

### Icon font

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

```html
<i class="devicons devicons-microsoft-sql-server"></i>
```

## About the Microsoft SQL Server logo

The SQL Server icon is a folded ribbon shaped like an "S", in layered blue gradients from deep indigo (#312A9A) and Microsoft blue (#0078D4) to cyan (#3BD5FF), with soft lavender (#DECBFF) highlights. It arrived with SQL Server 2025 and follows Microsoft's Fluent product icon style. It replaces the red and grey tower logo that earlier releases used.

The icon reads well on light and dark backgrounds.

## When to use this logo

Use Microsoft SQL Server in database comparisons, .NET and Azure architecture diagrams, connection string docs and migration guides between relational databases. It pairs naturally with Microsoft Azure, .NET, PostgreSQL, MySQL and Microsoft Excel.

## Related icons

- [Microsoft Access](/icons/microsoft-access.md)
- [MySQL](/icons/mysql.md)
- [PostgreSQL](/icons/postgresql.md)
- [MariaDB](/icons/mariadb.md)
- [Microsoft](/icons/microsoft.md)
- [Microsoft Azure](/icons/microsoft-azure.md)
- [Microsoft Copilot](/icons/microsoft-copilot.md)
- [Microsoft Edge](/icons/microsoft-edge.md)

## Browse the catalog
- Previous: [Microsoft SharePoint](/icons/microsoft-sharepoint.md)
- Next: [Microsoft Teams](/icons/microsoft-teams.md)
- [All icons](/icons.md)