Jekyll Tutorial

Emoji Favicon for Jekyll

Add an emoji favicon to Jekyll (including GitHub Pages) via the _includes/head.html partial.

<link rel="icon" href="https://emojifavicons.com/rocket">

How to add an emoji favicon to Jekyll

Edit _includes/head.html

Open the head partial — create one if your theme does not ship one.

<!-- _includes/head.html -->
<link rel="icon" type="image/svg+xml" href="https://emojifavicons.com/rocket">
<link rel="apple-touch-icon" href="https://emojifavicons.com/apple-touch-icon/rocket">

Rebuild

Run bundle exec jekyll build or push to GitHub Pages — the link bakes into every generated page.

Popular emoji favicons for Jekyll

Click any emoji to see the Jekyll-specific install snippet.

hundred points symbol

glowing star

Troubleshooting

Minima theme has its own favicon

Override _includes/head.html by copying it from the Minima gem into your own _includes.

GitHub Pages cache stale

GitHub Pages caches for up to 10 minutes. Wait and hard-refresh.

Frequently asked questions

Does it work on GitHub Pages?

Yes — Jekyll is the default GitHub Pages engine.

Does it work with Minima / Jekyll Now / Chirpy?

Yes — all themes with an overridable head partial.

Try another framework

Browse all 3,773 emoji favicons →