The final thing you should be worried about when working on a new proposal or presentation is whether or not you're using the latest social media logos and icons.
Yous're nether plenty pressure level without having to spend time searching online for the latest brand guidelines and assets for every platform.
Nosotros've been in that location - nosotros know it can be a pain!
That's why nosotros've created this resource with every key social media logo and icon in 1 handy place.
Below you'll discover the latest official logos, icons, and brand guidelines for each platform. Plus, a quick guide to using the text versions of the icons, so that yous can copy and paste them into your docs.
Standard make guidelines for platforms
Before we outset, it's worth noting that some guidelines apply to each social network and the utilise of their branded assets. You lot should strive to:
- Apply canonical logo assets - Each brand states that you lot should only download and apply their approved logos and icons. Don't create your own version.
- Use the correct color versions - Each brand has specific colours. For example, Twitter Blue is different to LinkedIn Blue and Facebook Blueish. Use the exact colour for each network.
- Maintain a clear space around the logo - Every brand guideline asks yous to permit a clear area around their logo so that information technology'due south visible.
- Maintain its shape and proportions when resizing - Don't stretch the logos and icons if you need to resize them. Property downwardly the "Shift" key in almost software programs volition maintain the proportions while scaling up or downwards. And remember not to become beneath the minimum size.
- In that location are ii acceptable ways of placing the icons:
- Use a call-to-activeness aslope an private icon; e.g. "Add us on Snapchat" or "Like us on Facebook.
- Use the icons side-by-side for a general "Follow us on social media".
- Brand sure your brand is the focus - Your content should be more prominent than the social media networks.
The official social media logos
Let's take a look at the specific details for each social media network and the fashion each platform advises to apply their logo and icon.
Facebook logo & guidelines
Official logo - The Facebook 'f' logo is one of the most recognisable icons in the earth. It was slightly redesigned in late 2019, taking a round shape, a brighter blueish colour, and a centred icon.
[Official logo - 512px, download png]
Colour options - You can only apply the logo either in bluish on a white or light-coloured background and the white version on a dark-coloured background. Interestingly, the official logo pack includes the blackness and grey versions of the Facebook logo.
Facebook is likewise quite particular about how you can use their logo and fabricating materials or changing the colours of the logo is not allowed.
As function of the rebrand, Facebook besides made a stardom betwixt the company branding and the app branding.
>> Cheque out the full Facebook brand resource & guidelines.
Instagram logo & guidelines
Official logo - Instagram calls its logo the Glyph icon:
[Official logo 120px, download png]
Color options - You lot can change the glyph to a solid colour, although Instagram recommends keeping it black, white, or grey when placing information technology aslope other logos.
[Official logo 120px, download png]
The version of the logo with the slope is the App Icon.
Please note: Only use the App Icon with the rainbow-coloured background when y'all're referring to the mobile app. For example, when you're showing it on a device 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 29x29 pixels.
You lot likewise need to make sure that you lot follow the same spacing rules when adding text or your brand name alongside the Instagram logo.
>> Check out the full Instagram brand guidelines.
Twitter logo & guidelines
Official logo -The Twitter logo is the infamous bird, merrily tweeting away:
[Official logo - 120px, download png]
Colour options - Official guidelines say y'all should only use the logo in Twitter blue or white.
The logo should not be altered or modified in any way which includes animating the logo and making information technology chirp or fly, surrounding the logo with other birds or creatures, and accessorising the logo with extra elements similar speech bubbles. Those times are sadly (or fortunately?) gone.
When you place the logo on a background image, always use the white logo version. For images with a calorie-free background, Twitter recommends applying a layer with a 10-20% black tint to the entire image so that the white logo stands out more.
There is one exception where the white logo might non work, and it's with colour printing. In this case, Twitter recommends applying for permission to utilise the black logo instead.
Minimum size - To ensure the logo maintains its visual bear upon, don't go any smaller than xvi pixels wide. For social icons, Twitter prefers you apply the logo without a container.
But if yous need to use 1, and then choose either a square, a circle or a rounded square. The minimum width for these social icons is 32 pixels, and the groundwork can be in whatsoever colour.
 |  |  |
| Square Icon, download png | Circle Icon, download png | Rounded Square Icon, download png |
>> Check out the full Twitter brand guidelines
LinkedIn logo & guidelines
Official logo -The LinkedIn logo is available as a full give-and-take or just the 'in' icon (as well referred to every bit the 'in' bug), both with the ® mark icon:
 |  |
| LinkedIn Logo with ® symbol, download png | 'in' Icon with ® symbol, download png |
Color options - Previously, the LinkedIn logo was three colours: blackness, blue, and white. As role of the rebrand in 2019, the logo was simplified to but 1 colour, embracing simplicity and increasing readability.
In addition to the updated logo, LinkedIn also presented their new brand system highlighting their passion for the community, which they express through illustrations and a warmer color palette.
While the default LinkedIn logo is blueish, the black or white version can be used where the layouts are black and white only. It's also allowed to utilize the white logo on dark backgrounds so that it's easier to see.
Minimum size - The minimum size of the logo and the 'in' icon is 21px on the screen. The correct height for the full LinkedIn logo is always measured by the height of the 'in' icon.
Equally with other platforms, you need to make sure that the logo is spaced out correctly when y'all're changing its size or placing it next to other elements.
What's unique about LinkedIn is their use of the ® mark which needs to be added to all logos, unless it's as well minor to run into.
>> Check out the full LinkedIn brand guidelines.
Pinterest logo & guidelines
Official logo - The Pinterest logo is the scripted letter 'P':
[Official logo 120px, download png]
While Pinterest is quite happy for y'all to use their logo (or badge as they describe it) in tandem with the URL of your Pinterest profile, they're not happy for you to use their wordmark.
In other words, don't employ the long version which used to be popular:
Colour options - When using the logo, always utilise the official Pinterest crimson colour. There are no alternative or reverse colour options.
Linguistic communication -You as well need to be careful about whatever text you lot place alongside the Pinterest logo:
- Acceptable phrases: Popular on Pinterest, Find u.s. on Pinterest, Follow usa on Pinterest, Visit us, Find more ideas on Pinterest, Get inspired on Pinterest.
- Unacceptable phrases: Trending on Pinterest, Trending Pins.
If you lot intend to create a call-to-activeness, yous need to brand sure that the text is in proportion to the Pinterest badge, your ain logo is larger, and y'all include your Pinterest profile URL.
>> Bank check out the full Pinterest brand guidelines.
YouTube logo & guidelines
Official logo - The YouTube logo comprises of the wordmark and the icon with the triangle, only you can use the icon on its own if you wish:
 |  |
| Official YouTube logo (400 pixels), download png | YouTube logo (120 pixels), download png |
Color options -YouTube has several colour combinations that utilize the three brand colours: YouTube red, well-nigh blackness, and white.
To ensure the correct use of different colours, here are the primal guidelines:
Minimum articulate space and size -The logo or icon should never appear smaller than 24 dp in superlative. As with other networks, YouTube advises confronting altering its recognisable logo in any way:
>> Cheque out the total YouTube brand guidelines.
Snapchat logo & guidelines
Official logo - The official Snapchat logo is the infamous Ghost mark:
[Official logo 120px, download png]
Colour options - There are three adequate means and colours in which to apply the Snapchat logo:
[Yellow Groundwork - App icon – | Monochrome – Blackness Groundwork | Monochrome – White Groundwork]
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.four" (10mm) wide. The minimum clear space around the ghost mark is equivalent to one-3rd of the width of the ghost marking:
Please note: Similar to Instagram, the icon with the yellow background tin can merely exist used when referring to the mobile app, non the platform itself.
Snapcodes were introduced to make it piece of cake for users to add others as friends and follow their Story. These tin can be customised as long every bit all Snapcode guidelines are followed, for example, non removing the frame, not tampering with the ghost-to-frame proportions, or inverting the colours.
>> Check out the full Snapchat brand guidelines.
TikTok logo & guidelines
Official logo - The official TikTok logo is an edgy music note:
[Official logo 600 px, download png]
According to their blog, the inspiration behind the TikTok logo was rooted in how the app had created a virtual stage for and then many creators worldwide.
Color options - the logo has ii variations: a white music note with an electronic wave effect in bright colours on a black background, or a black music note with the wave effect.
And while TikTok has extensive guidelines on their advertizement policies for ad creatives, there's not much said about the employ of their logo.
If you do happen to use information technology in your presentations or marketing, follow like guidelines to other platforms - don't modify colours and brand certain to infinite it out properly.
Editor'due south annotation: We're enlightened that at the time of this update, the app is under a lot of pressure, including a potential ban in the Usa. However, its bear on is difficult to ignore, so we wanted to include it anyhow. After all, there are means in which TikTok can be used for business, even if it'due south merely using its video editing features!
Using text-based icons & glyphs
There are occasions where the logo won't practise as an image file, and you demand information technology in a text-based format, e.yard. to apply on a website instead. These icons are sometimes referred to as glyphs and are normally bachelor online.
If you're looking to use these copy and paste icons in your marketing, recollect that:
- you'll need to install the right font on your calculator and/or software
- if the user who'south engaging with your content doesn't have the font installed (or it'due south incorrectly installed on the platform), all they will run into are squares like this: which is less than ideal.
One of the websites our team has found the most reliable is the icon library and toolkit, FontAwesome. To save some time, hither are the shortlinks for all the key social media platforms and their text-based icons:
- Facebook
- Instagram
- Twitter
- LinkedIn
- Pinterest
- YouTube
- Snapchat
- TikTok
It's worth mentioning that while using tertiary-party libraries for logos and icons can be useful, in that location's e'er a small gamble that they may not be accurate or are too customised based on the library fashion.
Whenever in incertitude, always refer back to the official brand guidelines set past the social media networks and y'all'll be fine.
Over to you
You should now be well-prepared to use social media icons and logos in your marketing, presentations, and potentially, fifty-fifty your social media proposal for your clients.
We promise you found this resource useful. Please feel gratis to let united states know if we missed whatever important social media logos, icons, or brand guidelines that you'd similar us to include in the hereafter iteration of this resource.
Speaking of resources, nosotros accept plenty of costless templates and lessons from knowledgeable marketers that yous might bask. 👇👇👇
This web log was originally published in December 2017 & was updated for 2020.
Comments
Post a Comment