Icons and Names for Facebook and Instagram Effects

Effect icons represent your effect in the camera. You'll upload your icon along with your effect once it's ready to publish.

Icons should always use the templates we provide and follow the guidelines on this page. Otherwise, your effect can be rejected.

There are different templates and guidelines depending on whether you're submitting an effect to Facebook, or Instagram. Find out about:

  1. Creating effect icons for Facebook.
  2. Creating effect icons for Instagram.
  3. Naming your Instagram effect - you'll need to follow these guidelines for your effect to be published.

Icons for both Facebook and Instagram should always be clear, simple and capture the essence of the effect. Find out more about best practice.

Effect Icons for Facebook

Download the template file to get started. It includes the Illustrator, Photoshop and Sketch files.

Icons for effects shared on Facebook won't be used for attribution in News Feed.

Icon formatting guidelines

Your icon should clearly represent the effect.

Before you submit your icon, make sure:

  • It's a JPG file for icons with no transparency, or a PNG with transparency turned on.
  • The file size is no bigger than 1MB.
  • You've used the square icon provided in the template file.
  • It's a maximum of 480x480 pixels square and 72ppi.
  • Most of the artwork fits in the red circle on the template.

If you've used text or a logo, keep in mind that text legibility is very limited. It's likely most people won't be able to read the text properly.

Provide a short alternative text label for your icon

This makes your effect more accessible to people with visual impairments, who are using screen readers. These labels aren't visible on-screen.

Examples

These icons follow our guidelines, and best practice suggestions for effects shared on Facebook:

Effect Icons for Instagram

Download the template file to get started. It looks like this:

Guidelines

Your icon should clearly represent the effect.

When you're using the template:

  • Artwork should stay within the outermost green line shown on the template.
  • Most of the artwork should fit in the red circle on the template.
  • If your icon uses a face, use the template face provided.

Before you submit your icon, make sure that:

  • It's a PNG file.
  • Layers have been flattened.
  • It has square, not rounded corners.
  • The color space is sRGB.
  • The icon size is 480 x 480 pixels.
  • It doesn't include any transparency.
  • It doesn't use any of the gradients below.


If your icon uses words or logos, they should:

  • Be large, clear and readable.
  • Not include the name of your Instagram account or the effect name. Instagram will already display this information when the effect is being used.

Examples

These icons follow our guidelines, and our best practice suggestions:



Best Practice for Instagram and Facebook

Creating an expressive and memorable icon will help people notice and recognize your effect.

Whether you're publishing an effect to Facebook or Instagram, icons should:

  • Have simple shapes, sharp lines and bright colors.
  • Focus on representing the main theme of your effect - rather than all the detail in the full effect.
  • Have a simple background.
  • Capture the essence of the effect - to give people a good idea of what will happen when they use it.

It's worth testing how your icon looks at the actual size, on a mobile device.

Instagram Effect Names

Effect names must have 20 characters or less. This includes numbers, spaces, currency, punctuation and any other symbols.

Names shouldn't be promotional in any way. For example, they shouldn't include Instagram handles, names of businesses or people.