TWIL
HTML
Featured Image: Katie smiling while coding, with a computer screen displaying a website favicon being switched to an emoji.

Join us in this week's TWIL journey as the digital canvas gets a playful twist. Katie demonstrates how a simple line of code can transform your site's branding by incorporating Emoji as Favicon. Uncover the HTML secret to adding a touch of character to your webpage with a snippet that's as expressive as it is efficient.

Emoji as Favicon

Here’s a one-liner for setting an emoji as the favicon; pop it in, replace the 🦑 (scroll all the way to the right to see it here) with your emoji of choice, and you're good to go!

<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🦑</text></svg>">

  • HTML
Katie Linero's profile picture
Katie Linero

Senior Software Engineer

Related Posts

Gold padlock symbolizing the security provided by an SSL Certificate on a website
March 8, 2018 • Nick Farrell

SSL Certificate Transparency in Chrome for 2018

Security-related updates are coming to Googles Chrome, including new rules for SSL Certificates. Read up on the upcoming changes to ensure that you’re on Google’s good side.

Android logo with SDK box, symbolizing code reuse and easy integration in Android Studio
February 4, 2020 • Marisa Gomez

How To Publish an Android Library to JCenter

Android libraries can help you avoid repeating code. Learn how to reduce repetitious code and publish an Android Library to Bintray to reuse it again and again.