5-minute read

There’s nothing worse when you’re working on a new proposal or presentation for your client than that nagging doubt gnawing away in the back of your head:

“I hope I’m using all the latest social media logos and icons?”

You’re under enough pressure without having to waste time searching online for the latest brand guidelines and assets for every social media network.

But how do you know for sure that you’re on the right track?

We’ve been there, too.

That’s why we’ve created this resource with every social media logo and icon in one handy place.

Below you’ll find the latest official logos, icons, and brand guidelines for each platform.

So now you can remove those lingering doubts and know you’ll make a great first impression.

 

Common guidelines

Before you start, it’s worth noting that some guidelines apply to each social network.

  • Use approved logo assets – Each brand states that you should only download and use their approved logos and icons. Don’t create your own version.
  • Use the correct color versions – Each brand has specific colors. For example, Twitter Blue is different to LinkedIn Blue and Facebook Blue. Use the exact color for each network.
  • Maintain a clear space around the logo – Every brand guideline asks you to allow a clear space around their logo so that it’s visible.
  • Maintain its shape and proportions when resizing – Don’t stretch the logos and icons if you need to resize them. Holding down the “Shift” key in most software programs will maintain the proportions while scaling up or down. And remember not to go below the minimum size.
  • There are two acceptable ways of placing the icons:
  1. Use a call-to-action alongside an individual icon; e.g. “Add us on Snapchat” or “Like us on Facebook”
  2. Use the icons side-by-side for a general “Follow us on social media”
  • Make sure your brand is the focus – Your content should be more prominent than the social media networks

 

Social media logos and icons

Let’s take a look at the specific details for each social media network.

Facebook logo

Official logo – The Facebook ‘f’ logo is recognized everywhere around the world:

Facebook logo png [Official logo – 120px, download png]

Color options – Use the blue box on white or light-colored backgrounds and the white box on blue or dark-colored backgrounds:

Facebook icons and color options

For more information check out the Facebook brand guidelines.

 

Twitter logo

Official logo – The Twitter logo is the infamous bird, merrily tweeting away:

Twitter logo 120 px [Official logo – 120px, download png]

Color options – Official guidelines say you should only use the logo in Twitter blue or white.

When you place the logo on a background image, always use the white logo version. For images with a light background, Twitter recommends applying a 10-20% black tint to the entire image to maintain legibility of the white logo.

Twitter white logo as a layer

Twitter allows for one exception where the white logo might not work with color printing. In this case, you can apply to Twitter for permission to use the logo in black.

Minimum size  To ensure the logo maintains its visual impact, don’t go any smaller than 16 pixels wide. For social icons, Twitter prefers you use the logo without a container. But if you need one, then use either a square, rounded square or circle. The minimum width for social icons is 32 pixels.

Twitter square iconTwitter Circle LogoTwitter Rounded Square logo
Square Icon, download pngCircle Icon, download pngRounded Square Icon, download png

For more information check out the Twitter brand guidelines.

 

LinkedIn logo

Official logo – The LinkedIn logo is available as either the full word or just the ‘in’ icon:

LinkedIn full logoLinkedIn logo with TM
LinkedIn Logo with ® symboldownload png‘in’ Icon with ™ symbol, download png

Color options – Make sure you use the three brand colors – LinkedIn Blue, black, and white – and the appropriate trademark symbol next to the ‘in‘ icon. Ideally, you should use the logo on a white background, but if that’s not possible there are a few alternatives:

LinkedIn logo color variations

And the same rules apply to the ‘in’ icon:

LinkedIn short logo variations

Minimum size  The minimum size of the logo and ‘in’ icon is 21px on screen, measured by the height of the ‘in’ icon.

For more information check out the LinkedIn brand guidelines.

 

Google+ logo

Official logo – Google+ uses a capital ‘G’ and a ‘+’ symbol for its logo:

Google Plus logo [Official logo – 120px, download png]

Color options – When using the logo, always use the official Google+ red color. There are no alternative or reverse color options,

Minimum size Google+ doesn’t specify a minimum size, but the smallest example they use is 16px.

For more information check out the Google+ brand guidelines.

 

Pinterest

Official logo – The Pinterest logo is the scripted letter ‘P’:

Pinterest logo 120 px

[Official logo 120px, download png]

While Pinterest is quite happy for you to use their logo, or badge as they describe it, they’re not happy for you to use their wordmark. In other words, don’t use the scripted version of Pinterest:

How not to use Pinterest wordmark

Color options – When using the logo, always use the official Pinterest-red color. There are no alternative or reverse color options.

Language – You also need to be careful about any text you place alongside the Pinterest logo:

  • Acceptable phrases: Find us on Pinterest, Follow us on Pinterest.
  • Unacceptable phrases: Trending on Pinterest, Trending Pins

Your call-to-action text should be in proportion to the Pinterest badge, and your own logo must be larger, like this example:

How not to use the Pinterest icons

For more information check out the Pinterest brand guidelines.

 

Instagram logo

Official logo – Instagram calls its logo the Glyph icon:

Instagram glyph (main logo) [Official logo 120px, download png]

Color options – You can change the glyph to any solid color, although Instagram recommends keeping it black or white.

Instagram logo for apps [Official logo 120px, download png]

Note: Only use the App Icon with the rainbow-colored background if you’re showing it on a device with other apps or you’re encouraging people to download the Instagram app.

Minimum clear space and size  The minimum clear space around the glyph icon is one half of the glyph’s size on all sides. And the minimum size permitted is 29×29 pixels.

Instagram clear space for the logo

For more information check out the Instagram brand guidelines.

 

YouTube logo

Official logo – The YouTube logo comprises the wordmark and the triangle icon, but you can use the icon on its own if you wish:

YouTube full logoSmall YouTube logo
Official YouTube logo (400 pixels)download pngYouTube logo (120 pixels), download png

Color options – YouTube has several different color combinations that use the three brand colors – YouTube Red, almost black, and white.

  • Use the almost-black full-color logo on a light background (as above).
  • Use the white full-color logo on a dark background (as below):
    YouTube logo over a dark background
  • Use the monochrome logo if the background color makes the icon hard to see:
    YouTube negative logo over the background

Minimum clear space and size – The logo or icon should never appear smaller than 24 dp in height. And to determine the minimum safe space, use half of the icon’s width.

For more information check out the YouTube brand guidelines.

 

Snapchat logo

Official logo – The official Snapchat logo is the infamous Ghost mark:

Snapchat logo - ghost [Official logo 120px, download png]

Color options – You can choose from 3 color versions to contrast with your background color:

Snapchat logo variations based on background color

[Full Color – Yellow Background | Monochrome – Black Background | Monochrome – White Background]

Minimum clear space and size – The minimum size of the logo for digital applications is 45 pixels wide, and for print applications it’s 0.4″ (10mm) wide. The minimum clear space around the ghost mark is equivalent to one-third of the width of the ghost mark:

Snapchat logo clear space

For more information check out the Snapchat brand guidelines.

 

Over to you

We hope you found this resource useful.

Are there any other social media logos, icons, and brand guidelines you’d like us to add? Let us know in the comments below.

David Hartshorne

David Hartshorne is a freelance writer working with business owners and marketing teams to create detailed, actionable content that resonates with their audience. When he’s not writing about digital marketing and technology, you’ll find him chilling with a thriller in Spain.

More Posts - Website

Follow Me:
TwitterLinkedIn