January 26, 2020

Reactions facebook icon should understand how accurate

Reactions are an extension of the Like Button to give people more ways to share their reaction to a post in a quick and easy way.

The collection of Reactions includes facebook icons:  Like, Love, Haha, Wow, Sad and Angry.

To ensure accurate and consistent use, never alter, rotate, embellish or attempt to recreate the Reactions. Never alter the proportions and shape of the Reactions (and surrounding UI) for any reason.

Reactions are not emojis or individual icons, and they cannot be used in this way. It’s important to show Reactions in the way they are intended to be used on Facebook—as a quick and easy way to express how you feel.

Video or Facebook Live Broadcast We don’t provide animations of Reactions. To include Reactions in your video, show the Reactions within the Facebook UI as they appear and function in the product.

Facebook Live: The “floating” Reactions are only intended for use during a Facebook Live broadcast and other
instances within Facebook products. Don’t use the “floating” Reactions outside the context of Facebook products, whether animated or static, in your marketing.

Using Reactions

Use Reactions only as they appear and exactly how they function within the context of Facebook UI. Reactions cannot be used for creative purposes. Only use Reactions as a collection—do not use them as individual icons or as the most prominent feature of your marketing


Use—Within the Facebook UI We have provided high-resolution Newsfeed screen templates built for use online, on print/packaging, or for promotional activities in TV and film. The use of the screen templates must adhere to the guidelines in this document and on the Brand Resource Center.

Use these screen templates as shown or you can customize a template by replacing photos and modifying or localizing copy where applicable. If you plan to customize a template, we require you to use the current Facebook UI (User Interface), and not alter the UI in any way from how it’s displayed in real life. Display screens on a device
When using the full UI, present screens within the context of a relevant mobile, desktop or other device. Cropping
When space or size limitations are an issue, screen templates may be cropped or scaled-up to allude to being “zoomed-in” to the UI. Always have the Reactions UI within the frame.

Reactions— in Newsfeed

Reactions— in Newsfeed with Reactions Dock

Reactions— Do’s and Don’ts


1. Do use Reactions only as they appear and similar to how they function within the context of Facebook UI.
2. Do use Reactions as one collection: Like, Love, Haha, Wow, Sad, Angry. Do not use Reactions as individual icons.
3. Do use relevant messaging and as a full collection if shown outside of the Facebook UI.
4. When using Reactions within a Facebook user interface, follow the User Interface guidelines available on the Facebook Brand Resource Center


1. Don’t modify or customize Reactions in any way, such as by changing the design, scale or colors.
2. Don’t break up the collection of Reactions and prioritize or feature any Reactions as individual icons.
3. Don’t animate or fabricate physical objects in the form of Reactions.
4. Don’t use alternate or customized Reactions as a replacement or an addition to the collection of Reactions.
5. Don’t use Reactions for creative purposes.

Source: https://facebookbrand.com/wp-content/uploads/2018/09/Facebook-Brand-Assets-Guide_09_05_2018-2.pdf

Leave a Reply

Your email address will not be published. Required fields are marked *