If you are growing your own business or brand, using social media icons in your marketing is going to be a key strategy when it comes to promotion both online and offline. Being able to list social media icons on everything from your website and printed marketing materials to your business cards and email footer lets your fans know all of the places they can find you online. Without a doubt, you should be adding social media icons for all of the places you have a social presence on your website to help grow your overarching digital presence.
But before you go ahead and add social icons to your website, it’s important to learn the do’s and don’ts when it comes to using them. After all, the icons are really the social media logos for each platform and that comes a certain amount of usage rights. (Pro tip: If you’re looking to make your own logo, check out these 20 design ideas.) Instagram, Snapchat, Facebook, Twitter, YouTube, Pinterest, LinkedIn, and WhatsApp all have their own set of standards when it comes to using their brand logos as social media icons on your digital channels. That’s why we’ve done the research and broken down how to effectively use social media icons on your page for commercial use.
How Can You Use Social Media Icons?
You should be using social media icons and linking to your social networks as a marketing tool to get more eyes on your brand accounts. They are great for building your following both online and offline. Something as subtle as a set of social icons on a web page helps visitors remember that you have a presence there and drives people to visit it, helping you grow your fan count and potentially moving customer service issues from web to social.
Wondering where you should place social media icons for your brand? Consider any of the following:
- Email signature
- Marketing materials like brochures, flyers, and pop up banners
- Business cards (we’ll teach you how to below!)
- Anywhere contact information is shown
When looking for social media icons to add to your marketing materials, it’s best to download them right from the source. That way you know you’re using the right format, aspect ratios, most updated imagery, and have the highest resolution possible. Most social platforms have online brand centers where you can download everything, including things like how to make social media icons transparent. Since the copyright and trademark requirements for using a social media logo varies from platform to platform, we’ve broken down the key takeaways for you below.
What Are the Different Social Media Icons?
Instagram lists all of its icons available for use under the Assets section of their brand resources. These icons are available both in gradient color and black and white. They do not allow for the Instagram icon to be incorporated with your brand or company name, trademark, or other language or symbol. In addition, the icon needs to be used without a container. Containers are shapes enclosing the letter or symbol. That means there shouldn’t be a square, circle, rounded square, or any other shape around the Instagram logo.
For any out-of-home advertising (that includes broadcast, radio, or print larger than 8×11 inches), you have to fill out a special request with Instagram for usage rights. The request should include a mock-up of how you plan to use the social media icons. Make sure that Instagram and their social media logo accounts for less than 50% of the focus of your designs and content. After all, you want your ad to be front and center!
The Facebook icon should always appear in a rounded square-shaped container. Only use the Facebook icon in their branded blue or reversed white and blue. However, you can use a black and white icon if you are facing color limitations. Blue, grey, white, and black versions are also available for download.
No matter what you are using the Facebook icon for, they do not allow for it to be animated or represented in the form of a physical object. Facebook has variations of its icon sized for online, print, and TV and film, so be sure to select the proper file for your marketing medium!
When you use the Snapchat icon, they require that it is used in either their brand’s yellow, black or white colors. Just like with Instagram, you can not add any other images or designs to the logo. The icon is available without a container, or with a yellow rounded square. You can get it and more details in their brand center.
If you’re not using a container with the icon, then padding around the Snapchat ghost image should be the same size as half of the ghost. This goes for both digital and print uses. When using the Snapchat icon for print purposes, the minimum size of the ghost icon is 18 pixels online and 0.25 inches.
Twitter prefers that their icon is used without a container, but they do offer it with a square. Use the icon in Twitter’s blue or white shades. If you are using the icon for print and facing color limitations, then you can include the icon in black. If you are putting the icon over an image, it should always be in white. You can access the icon on their brand resources page.
Just like with the other platforms, you cannot animate the logo, embellish, or accessorize it with word bubbles or other creatures. Clear space around the logo should be at least 150% of the width of the icon, and the icons themselves should be at least 32 pixels wide.
The YouTube icon is available in YouTube red, monochromatic near-black, and white monochrome. If your background clashes with the red icon, then YouTube prefers that you use one of the monochrome versions. The white icon should be used on dark multi-colored images or designs with a transparent play-button triangle in the proper position. You can check out and download the icons in their brand resources page.
The padding should be at least half the size of the icon in order for it to adhere to YouTube’s clear space requirements. The YouTube icon can only be used if it links back to a YouTube channel, and it should be a minimum of 24 dp online and 0.125 inches (3.1mm) when used for print.
Pinterest does not allow for the P icon to be displayed in any way other than in Pinterest red, whether you are using it online or in print. Their brand resources dictate that the icon should not be altered in any way. If you are using the Pinterest icon for broadcasting or video purposes, you need to submit a written request to your partner manager at Pinterest.
Always include a call-to-action after showing the Pinterest icon. Make sure the icon size is proportional to the call-to-action text. Some call-to-action phrases that Pinterest suggests include: Popular on Pinterest, Find us on Pinterest, Follow me on Pinterest, Visit us, Find more ideas on Pinterest, and Get inspired on Pinterest. Do not use the phrases Trending on Pinterest or Trending Pins. There should always be a display or hyperlink of your Pinterest URL when using the icon. After all, the point of using their icon on your website or marketing is to help drive people to your personal account!
The LinkedIn icon should always be displayed within a colored outline. It should always be in a rounded square, as no other shapes are acceptable. LinkedIn prefers for their brand blue and white icon to be used on a white background. If that is not possible, you can use the reverse blue and white icon. LinkedIn offers monochrome options for when the blue and white icon does not work on your image or design. Use their solid white icon on dark-colored backgrounds or photos and their solid black icon on light-colored backgrounds or photos, or in one-color print applications. If using one of these options, make sure the “in” is transparent. You can download their icons in the LinkedIn brand center.
When using the LinkedIn logo online, the social icon is available in 24 pixels and 36 pixels. The minimum usage size is 21 pixels online, or 0.25 inches (6.35mm) in print. Icon bounds should be approximately 50% of the size of the container. The minimum clear space requirement specifies that padding the size of two LinkedIn “i’”s be used around the icon.
If you’re planning to use the icon for television, film, or other video production, you should first submit a request for permission with LinkedIn. If using call-to-actions such as “Follow us,” “Join our group,” or “View my LinkedIn Profile,” in conjunction with the icon, use a different font and color—preferably black.
In most use cases, the WhatsApp icon should be shown in green. Their brand guidelines dictate that you use white when the background is green and black and white on materials that are primarily black and white. Like with LinkedIn, when writing out the app’s name, make sure you spell WhatsApp as a single word with proper capitalization. The green square icon should only be used when referencing the iOS app.
Social Icon Best Practices
Be sure to keep in mind the below best practices when incorporating social media icons on your marketing touches:
- Download from the social media platform source. Their brand center is a great place to find everything you need in the most up to date formatting.
- Don’t alter the logo
- Size uniformly when using more than one icon
- Space all of the icons out evenly
- Include your three to five biggest or most active accounts
- Order the icons by priority
- Use the latest version of the icon image
- Don’t use the company’s wordmark in place of the icon
- Keep the icon images smaller to ensure that your brand message remains the main focus
- Request permission to use the icon if you can’t find your use case listed on their site
- Hyperlink the icons where possible to link directly to your social account
Social Media Icons for Business Cards
Seeing that you can’t click on a social media icon when it’s on a print item, it may seem silly to include it, but trust us, it’s not! Including social media icons on business cards is a not so subtle way of showcasing all of the ways you can be contacted.
If you are an established brand or your social media handles are obvious (i.e. it’s your personal or brand’s name), then you can probably get away with just using the icon on your business card. If your handles aren’t so obvious, we recommend putting the icon next to the account name. Check out the examples below!
(F) = Facebook icon, (I) = Instagram icon
Option 1: (F) Facebook.com/PicsArt (I) Instagram.com/PicsArt
Option 2: (F) PicsArt (I) @PicsArt
Option 3: @PicsArt (this assumes that your account name is the same across all platforms, which might not always be the case)
Another fun way to include your profile alongside a social media icon on print materials is to include a QR code. With QR codes, anyone with a camera on their phone can scan the code and be taken straight to your profile. Pretty cool, right?!
All of these options make for an easy way to include social media icons, even if you are using a business card template. You can make your own business cards using PicsArt’s business card templates and easily add icons in the web editor.
Where Can You Get Free Social Media Icon Sets?
There are plenty of sites where you can get free social media icon sets. Do a quick search on Google or Pinterest and you will be bombarded with templates and downloadable links. All are great for something a little more unique, but if you really want your brand to stand out, you can design your own!
First, download the social media icons you need as files with transparent backgrounds. To be safe, download them straight from the social platform’s online brand center, making sure that the file being saved is being saved in png format. If you want to be sure your file is high quality and will retain its resolution and size once you start to edit with it, we recommend saving it as a vector file or svg file.
When saving an icon, if the option to save it as an svg file is not available, then there are ways you can convert the file to a vector file once it is downloaded. There are also online png to svg file convertors that will make the changes for you. Once you have your icons saved in the proper format, it’s time to start getting creative!
How To Make Your Own Social Media Icons
Looking to make something totally unique? You can create your own social media icons easily in PicsArt on web and on mobile. Here’s how to do it in the web editor:
Step 1) Open the PicsArt web editor and select the 1:1 square template to automatically get the right image ratio.
Step 2) Select from Photos, Stickers, and Effects on the left navigation panel to pick the perfect background for your social media icon.
Step 3) Upload the social platform’s icon file via Photos on the left panel and adjust to center it on your background.
Step 4) When you’re happy with your icon, select Download in the upper right corner to save your project and add it to your marketing materials.
Here’s how to create your own in the mobile app:
Step 1) Open the PicsArt app and tap on the plus sign at the bottom of your screen to start a new project. Scroll down to Color Backgrounds and select the first option for a transparent background.
Step 2) Use any of the Brush, Stickers, Filters, and Mask tools to create a custom background that fits with your brand.
Step 3) Scroll across the bottom toolbar and select Add Photo. Choose your social media icon file. Drag the icon to reposition it, using a two-finger pinch to resize it.
Step 4) Once you’re happy with your custom social icon, tap Next and Save. Then select Download Photo.
Now that you know how to create your own app icon, it’s time to take it to the next level! If you’re looking to create your own icons for your iOS device, check out this tutorial on how to customize your iOS14 home screen and app icons.
PicsArt all-in-one Photo and Video Editor, Collage, and Sticker Maker is the world’s largest creative platform with over 150 million monthly active creators and influencers. PicsArt has collaborated with major artists and brands like Taylor Swift, The Jonas Brothers, Gwen Stefani, Maroon 5, Lizzo, Meghan Trainor, One Direction, MONSTA X, Warner Bros. Entertainment, iHeartMedia, Condé Nast, and more. Download the app today to level-up your photos and videos with thousands of quick & easy editing tools, trendy filters, fun stickers, and brilliant backgrounds. Unleash your creativity with PicsArt and upgrade to Gold for awesome premium perks!