How to change Twitter’s heart icon into an emoji right now

It looks like Twitter might be playing around with the idea of letting users react to tweets with emoji characters rather than forcing them to heart/like everything. But if that’s the case, it’s probably a ways off (the feature is currently being tested in a developer build of Twitter’s iOS app).

If you can’t wait to ’emoji’ things rather than like them on Twitter, then good news: You can change Twitter’s heart icon to the emoji of your choice using a browser extension and a bit of code written by Robert McNees.

For this fix, you’ll need to use a browser extension called Stylish, which is available for Google Chrome and Mozilla Firefox. Because it’s a browser extension, the change will only appear to you, and only when you’re using Chrome or Firefox. Baby steps!

write-style-for-this-url.pngwrite-style-for-this-url.png

The Stylish extension will let you change the heart on Twitter into something else.


Sarah Jacobsson Purewal/CNET

1. Once you’ve downloaded and installed Stylish, open Twitter in your Web browser. Click on the Stylish extension to open it, and click Write style for: twitter.com/this URL to open the Stylish code editor.

2. In the main section (Code 1), paste the following code:

.HeartAnimationContainer {
visibility: hidden;
}
.HeartAnimationContainer:after {
content: ‘šŸ˜»’;
visibility: visible;
display: block;
position: absolute;
}

Replace the cat emoji with whatever emoji you like (you can find a selection of emoji to copy and paste here).

edit-style.pngedit-style.pngEnlarge Image

Sarah Jacobsson Purewal/CNET

3. Arrange the code so it looks like the image above. On the right side of the screen, name your style (whatever you like) and click Save.

poodle-emoji.pngpoodle-emoji.png

Sarah Jacobsson Purewal/CNET

4. Refresh your Twitter feed — you should now see your chosen emoji instead of the heart icon. If you see a blank space where the heart icon should be (and no emoji), go back into Stylish and manually type in the single quotes surrounding your emoji. Sometimes copying and pasting quote marks can cause them to end up stylized instead of straight, and this will mess up the code.

(H/T to Twitter user @mcnees)

Check Also

14 Hidden iPhone Features You Should Really Know About

It’s been over half a year sinceĀ iOS 16Ā was released to the general public, yet there always seems to be new features and settings to discover within Apple’s latest iPhone software update. Not all these unexplored features will be as popular asĀ unsending texts and emailsĀ orĀ cutting out objects from your photos, but they’re still worth exploring if …

Leave a Reply