How to easily add a favicon to your Rails App ✨

#ruby #rails #favicon #webdev

1. Add the Favicon File:

Go to https://www.freepik.com. In the searching options choose icons and type the key word
Download the icon you like in .png format
Rename the file to favicon.png
Place the file in your app’s app/assets/images directory

2. Add a Link to the Favicon in HTML Head:

Open the app/views/layouts/application.html.erb file
Add a link tag in the <head> section to specify the favicon: <%= favicon_link_tag 'favicon.png', type: 'image/png' %>

3. Clear Cache:

Browsers often cache favicons, so you may need to clear your cache or perform a hard refresh to see the new favicon.

4. Restart the Server:

Restart your Rails server to ensure that all changes are picked up.

Once done, your Rails app should display the favicon on the browser tab! 🤩

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Top comments (3)

Raghu Betina • Nov 23 '24

Nice! I didn't know about the favicon_link_tag helper method — Today I Learned :)

I like this tool for generating favicons as well as a whole set of meta tags and other assets:

realfavicongenerator.net/

Plop the generated assets in the public/ folder of a Rails app. Then, if a user on a phone bookmarks your web app to their home screen, it will look like a native app; using your favicon as the app icon.