Emoji Favicon Tutorials
Step-by-step install guides for every major framework and site-building platform. Pick your stack and ship an emoji favicon in under a minute.
Developer frameworks
Code-first stacks with build pipelines.
Wire an emoji favicon into your Next.js app (App Router or Pages Router) in under a minute.
View tutorial →Add an emoji favicon to any React app — Create React App, Vite + React, or bespoke.
View tutorial →Wire an emoji favicon into Vue 3 (Vite), Vue 2, or Nuxt 3 in one minute.
View tutorial →Astro favicons live in your shared <head>.
Add an emoji favicon to SvelteKit in under a minute.
View tutorial →Add an emoji favicon to Angular 14+ (standalone or module-based) in one minute.
View tutorial →Add an emoji favicon to Remix (and Remix Run v2 / React Router 7) via the root loader links export.
View tutorial →Add an emoji favicon to Gatsby via gatsby-ssr.js or the <Helmet> component.
Add an emoji favicon to your Hugo site by editing the <head> partial.
Add an emoji favicon to Jekyll (including GitHub Pages) via the _includes/head.html partial.
View tutorial →Add an emoji favicon to Eleventy by editing your base layout.
View tutorial →Platforms & site builders
No-code and low-code publishing platforms.
Add an emoji favicon to your WordPress site in 60 seconds.
View tutorial →Add an emoji favicon to your Shopify store without touching the Online Store favicon upload.
View tutorial →Want an emoji favicon on your published Notion site (via Super, Fruition, Popsy, or a custom proxy)? Here is how.
View tutorial →Add an emoji favicon to your Ghost publication by editing the theme’s default.hbs.
View tutorial →Set an emoji favicon in Webflow via Project Settings.
View tutorial →Set a custom emoji favicon on a Framer site via Site Settings.
View tutorial →Wix supports a custom favicon on paid plans.
View tutorial →Set a custom emoji favicon on Squarespace 7.1 via Design › Logo & Title › Favicon, or via Code Injection for more control.
View tutorial →Don't see your stack?
Every framework uses the same one-line HTML install. Paste it into your <head> and you're done.
<link rel="icon" href="https://emojifavicons.com/rocket">Works in any HTML-rendering framework including Ember, Qwik, Solid, Lit, Phoenix, Django, Rails, Laravel, Express, and Flask.