TWIL
HTML

TWIL 2021-01-15

January 20, 2021 • Frank Valcarcel
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

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.

EU Flag - GDPR Compliance
March 30, 2018 • Nick Farrell

GDPR Compliance for 2018

GDPR or the General Data Protection Regulation is an EU-based policy on how companies can collect and use consumer data. There’s a lot to consider when looking at your organization’s data policies. Here’s a summary of what’s included in GDPR.