Brand kit

The official POEditor logo and brand assets

Logo files, brand colors and usage guidelines in one place. Use the files as they are, on the background they are made for.

Download ZIP file Read the guidelines

Logo files

The same logo in three versions: for light, dark and brand-colored backgrounds.

Logo

The primary logo. Use it on white and light backgrounds.

Download SVG PNG

Logo for dark backgrounds

White wordmark and a lighter, semi-transparent beak. For dark backgrounds.

Download SVG PNG

Logo for brand-colored backgrounds

Brighter colors that stay visible on teal and cyan backgrounds, where the standard colors would blend in.

Download SVG PNG

Icon

The logo without the wordmark, for square spaces such as app icons and avatars.

Download SVG PNG

Icon for dark backgrounds

Lighter, semi-transparent beak. For dark backgrounds.

Download SVG PNG

Icon for brand-colored backgrounds

The icon in the brighter colors, for teal and cyan backgrounds.

Download SVG PNG

Please do not redraw or approximate the POEditor logo

Always use the official files above, unchanged.

Permanent file URLs

These URLs do not change. Link to them instead of copying the files.

https://poeditor.com/public/images/brand/poeditor-logo.svg
https://poeditor.com/public/images/brand/poeditor-logo.png
https://poeditor.com/public/images/brand/poeditor-logo-dark-mode.svg
https://poeditor.com/public/images/brand/poeditor-logo-dark-mode.png
https://poeditor.com/public/images/brand/poeditor-logo-on-color.svg
https://poeditor.com/public/images/brand/poeditor-logo-on-color.png
https://poeditor.com/public/images/brand/poeditor-icon.svg
https://poeditor.com/public/images/brand/poeditor-icon.png
https://poeditor.com/public/images/brand/poeditor-icon-dark-mode.svg
https://poeditor.com/public/images/brand/poeditor-icon-dark-mode.png
https://poeditor.com/public/images/brand/poeditor-icon-on-color.svg
https://poeditor.com/public/images/brand/poeditor-icon-on-color.png
https://poeditor.com/public/images/brand/badges/localized-with-poeditor.svg
https://poeditor.com/public/images/brand/badges/translated-with-poeditor.svg
https://poeditor.com/public/images/brand/badges/poeditor-badge-dark.svg
https://poeditor.com/public/images/brand/badges/poeditor-badge-light.svg
https://poeditor.com/public/images/brand/badges/poeditor-badge-light-bordered.svg
https://poeditor.com/public/images/brand/badges/poeditor-badge-transparent.svg

Badges

Show that your project is localized with POEditor, in your README or on your website.

README badges

Small badges for README files on GitHub, GitLab or Bitbucket.

Markdown

[![Localized with POEditor](https://poeditor.com/public/images/brand/badges/localized-with-poeditor.svg)](https://poeditor.com)

HTML

<a href="https://poeditor.com"><img src="https://poeditor.com/public/images/brand/badges/localized-with-poeditor.svg" alt="Localized with POEditor"></a>

Markdown

[![Translated with POEditor](https://poeditor.com/public/images/brand/badges/translated-with-poeditor.svg)](https://poeditor.com)

HTML

<a href="https://poeditor.com"><img src="https://poeditor.com/public/images/brand/badges/translated-with-poeditor.svg" alt="Translated with POEditor"></a>

Large badges

For websites, app store pages and documentation.

Dark

For any background.

SVG

HTML

<a href="https://poeditor.com"><img src="https://poeditor.com/public/images/brand/badges/poeditor-badge-dark.svg" alt="Localized with POEditor" height="40"></a>

Light

For dark and colored backgrounds.

SVG

HTML

<a href="https://poeditor.com"><img src="https://poeditor.com/public/images/brand/badges/poeditor-badge-light.svg" alt="Localized with POEditor" height="40"></a>

Light with border

A defined outline, for white and light backgrounds.

SVG

HTML

<a href="https://poeditor.com"><img src="https://poeditor.com/public/images/brand/badges/poeditor-badge-light-bordered.svg" alt="Localized with POEditor" height="40"></a>

Transparent

No background box. For white and light backgrounds only.

SVG

HTML

<a href="https://poeditor.com"><img src="https://poeditor.com/public/images/brand/badges/poeditor-badge-transparent.svg" alt="Localized with POEditor" height="40"></a>

Click a snippet to select it, then copy.

Colors

Five colors make up the logo. Three brighter ones replace them on brand-colored backgrounds.

Teal

#3DD0AD

Icon

Cyan

#24C1CE

Icon, wordmark*

Yellow

#FFDA00

Icon

Indigo

#3A4287

Icon

Charcoal

#333939

Icon, wordmark

For brand-colored backgrounds

Bright teal

#66FDDA

Icon, wordmark

Bright cyan

#00EBFF

Icon

Amber

#FFC400

Icon

*The wordmark is the "poeditor" text.

Usage guidelines

A few rules that keep the logo recognizable wherever it appears.

Do

Use the files on this page exactly as they are.
Pick the version made for your background: light, dark or brand-colored.
Leave clear space around the logo, at least half the height of the icon on every side.
Write the name as "POEditor": capital P, O and E, in one word.

Don't

Redraw, trace, recreate or approximate the logo, including with image-generation tools.
Change the colors, the proportions or the typeface of the wordmark.
Stretch, rotate, crop or outline the logo, or add effects such as shadows.
Place the logo on busy images or on backgrounds with low contrast.
Don't merge the logo with other logos into a single mark, or use it to imply an endorsement.

Questions about using the POEditor brand? Contact us.