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

# Trustpilot

Trustpilot is an online review platform where customers rate businesses, with review widgets (TrustBoxes), invitations and APIs for e-commerce sites.

## At a glance

- **Page**: https://devicons.io/icons/trustpilot/
- **Website**: https://www.trustpilot.com/
- **Also known as**: Trust Pilot, Trustpilot Reviews, TrustBox, Trustpilot API
- **Tags**: [Reviews](/icons/tag/reviews/), [E-commerce](/icons/tag/e-commerce/), [Marketing](/icons/tag/marketing/), [SaaS](/icons/tag/saas/)
- **Version added**: 1.3.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 |
| --- | --- | --- | --- | --- |
| `trustpilot-icon` | `TrustpilotIcon` | https://devicons.io/devicons/icons/trustpilot-icon.svg | https://devicons.io/devicons/font/trustpilot-icon.svg | `devicons devicons-trustpilot-icon` |
| `trustpilot` | `Trustpilot` | https://devicons.io/devicons/icons/trustpilot.svg | https://devicons.io/devicons/font/trustpilot.svg | `devicons devicons-trustpilot` |

## Install and use

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

### React

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

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

### Vue

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

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

### Svelte

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

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

### Raw SVG

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

### Icon font

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

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

## About the Trustpilot logo

The Trustpilot icon is a five-pointed star in bright green (#04DA8D) with a small dark green (#126849) notch in its lower right arm. The lockup adds "Trustpilot" in a clean sans serif. Both use the star colours from Trustpilot's current brand, and the wordmark is set in black for light backgrounds.

The green star reads well on light and dark backgrounds. The black wordmark disappears on dark surfaces, so use the icon or the monochrome lockup there.

## When to use this logo

Use Trustpilot in customer review integrations, e-commerce trust badges, marketing stack diagrams and docs for TrustBox widgets or the Trustpilot API. It pairs naturally with Shopify, WooCommerce, Google, Stripe and Zendesk.

## Related icons

- [Drip](/icons/drip.md)
- [Elasticpath](/icons/elasticpath.md)
- [Hubspot](/icons/hubspot.md)
- [Shopify](/icons/shopify.md)
- [Squarespace](/icons/squarespace.md)
- [Weebly](/icons/weebly.md)
- [Paypal](/icons/paypal.md)
- [Stripe](/icons/stripe.md)

## Browse the catalog
- Previous: [tRPC](/icons/trpc.md)
- Next: [ts-node](/icons/tsnode.md)
- [All icons](/icons.md)