How to add a favicon in Django

Steps

1. Copy the package files into a static folder, e.g. myapp/static/favicons/.
2. In your base template, load static and add the link tags (below).
3. Add a redirect for /favicon.ico in urls.py so browsers and bots that request it directly get the icon.
4. Run collectstatic in production so the files reach your static host.

File to use: the whole package, into an app’s static/ folder. Make it with the favicon generator (free, no signup).

Code

base.html and urls.py

{% load static %}
<link rel="icon" href="{% static 'favicons/favicon.ico' %}" sizes="48x48">
<link rel="icon" href="{% static 'favicons/favicon.svg' %}" type="image/svg+xml">
<link rel="apple-touch-icon" href="{% static 'favicons/apple-touch-icon.png' %}">

# urls.py
from django.templatetags.static import static
from django.views.generic.base import RedirectView
urlpatterns += [
    path('favicon.ico', RedirectView.as_view(url=static('favicons/favicon.ico'), permanent=True)),
]

Copy code