DEV Community

Max Zander
Max Zander

Posted on

2

Favicons: Perhaps My Favorite Detail

Are you familiar with favicons? Are you about to open google to search for what a favicon is? Well here — let me save you a trip!

Favicons are the little icons that represent websites. You've probably noticed them on the tabs in your browser, next to the site's title. There's even a favicon on this very page!
A Favicon!

But anyway, in my opinion, the favicon is one of my absolute favorite details to add to a project, so I wanted to bring it to your attention.


Creating a Favicon

So at its most basic, a favicon is an image. If you have a logo that you're using, you can go to a website like https://favicon.io/ and convert your logo (or other image) to a favicon and download the converted images.

If you have generated an application, using a favicon is extra simple! You may find a placeholder favicon in your app's public folder and you can actually just replace the placeholder image!

If you haven't before, make sure to really take a look into favicons — I think they're a wonderful tiny detail that makes all the difference!

Postmark Image

Speedy emails, satisfied customers

Are delayed transactional emails costing you user satisfaction? Postmark delivers your emails almost instantly, keeping your customers happy and connected.

Sign up

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay