Discussion on: 🤷‍♂️ Chrome just changed emojis to outlines in headings? 🤷‍♂️ I have a fix for your site! 💪

[Dennis Mwangi]

Best practices for using Emojis in your react app
You can create an Emoji.jsx component

import React from 'react';
const Emoji = props => (
    <span
        className="emoji"
        role="img"
        aria-label={props.label ? props.label : ""}
        aria-hidden={props.label ? "false" : "true"}
        style={{ fontWeight: "100", fontFamily: "Emojione, Noto, Twemoji, Symbola"}}
    >
        {props.symbol}
    </span>
);
export default Emoji;

``
and call it Like this on any component

``

import Emoji from '../Emoji/Emoji';

<Emoji symbol="🚶🏿‍♂️" label="man" role="img"/>

``