Skip to Main Content
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

January 14, 2021 • Frank Valcarcel

TWIL 2021-01-08

This week on TWIL: Uncover the simplicity of fluid typography with CSS Clamp and elevate your styling with the smart capabilities of Sass/SCSS for responsive web design.

Image for TWIL post depicting ActiveRecord range query examples in Ruby on Rails, enhancing database search efficiency.
September 16, 2020 • Frank Valcarcel

TWIL 2020-09-11

This week’s TWIL features Katie’s guide to using new range syntax in ActiveRecord queries, revealing how to efficiently search databases in Ruby on Rails.