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

# Microsoft SharePoint

Microsoft SharePoint is Microsoft 365's platform for intranet sites, document management and team collaboration, and the storage behind OneDrive and Teams files.

## At a glance

- **Page**: https://devicons.io/icons/microsoft-sharepoint/
- **Website**: https://www.microsoft.com/microsoft-365/sharepoint/collaboration-software
- **License**: https://www.microsoft.com/en-us/legal/intellectualproperty/trademarks
- **Also known as**: SharePoint, SharePoint Online, SharePoint Server, SPFx
- **Tags**: [Microsoft](/icons/tag/microsoft/), [Collaboration](/icons/tag/collaboration/), [CMS](/icons/tag/cms/), [Enterprise](/icons/tag/enterprise/), [Intranet](/icons/tag/intranet/)
- **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-sharepoint` | `MicrosoftSharepoint` | https://devicons.io/devicons/icons/microsoft-sharepoint.svg | https://devicons.io/devicons/font/microsoft-sharepoint.svg | `devicons devicons-microsoft-sharepoint` |

## Install and use

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

### React

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

<MicrosoftSharepoint size={32} alt="Microsoft SharePoint logo" />
```

### Vue

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

<template>
  <MicrosoftSharepoint :size="32" alt="Microsoft SharePoint logo" />
</template>
```

### Svelte

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

<MicrosoftSharepoint size={32} alt="Microsoft SharePoint logo" />
```

### Raw SVG

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

### Icon font

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

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

## About the Microsoft SharePoint logo

The SharePoint icon is three overlapping circles in teal gradients, from bright aqua (#78EDFF) to deep teal (#003B5D). A dark teal tile in front carries a white "S". The circles suggest people and sites linked together.

The icon reads well on light and dark backgrounds.

## When to use this logo

Use Microsoft SharePoint in intranet and document management comparisons, Microsoft 365 architecture diagrams and docs for the SharePoint REST API, SharePoint Framework (SPFx) or Microsoft Graph. It pairs naturally with Microsoft Teams, Microsoft OneDrive, Confluence and Microsoft Outlook.

## Related icons

- [Microsoft Office](/icons/microsoft-office.md)
- [Microsoft](/icons/microsoft.md)
- [Microsoft Foundry](/icons/microsoft-azure-ai.md)
- [Microsoft OneNote](/icons/microsoft-onenote.md)
- [Microsoft Teams](/icons/microsoft-teams.md)
- [Microsoft Word](/icons/microsoft-word.md)
- [Microsoft Access](/icons/microsoft-access.md)
- [Microsoft Azure](/icons/microsoft-azure.md)

## Browse the catalog
- Previous: [Microsoft PowerToys](/icons/microsoft-powertoys.md)
- Next: [Microsoft SQL Server](/icons/microsoft-sql-server.md)
- [All icons](/icons.md)