Django Favicon issue

Question

what ever i try to do i can't get the favicon to show up, when i look it up in the view source tab it loads up but won't appear in the tab icon position.

i'm importing it in the html like so:

{% load static %}
<link rel="stylesheet" href="{% static "css/index.css" %}"/>
<link rel="Favicon" type="image/png" href="{% static 'images/icon.png' %}"/>

i set the django staticfile_dirs like so:

STATICFILES_DIRS = [
    os.path.join('static'),
    os.path.join('static/images'),
    ]

Shouldn't this be `rel="icon"`? What happens if you visit the URL in the browser? — Willem Van Onsem, Mar 09 '21 at 18:44

score 1 · Accepted Answer · edited Sep 13 '21 at 14:28

1

Try .ico format instead of .png format and rel="shortcut icon" or rel="icon"

edited Sep 13 '21 at 14:28

NKSM

5,422
4
25
38

answered Mar 09 '21 at 18:47

syeda jannat

26
2

score 1 · Answer 2 · answered Mar 09 '21 at 18:48

1

The value of the rel="…" attribute should be icon [mdn webdocs], not ~~Favicon~~:

<link rel="icon" type="image/png" href="{% static 'images/icon.png' %}"/>

answered Mar 09 '21 at 18:48

Willem Van Onsem

443,496
30
428
555

score 0 · Answer 3 · answered Mar 09 '21 at 18:47

If your image loads in the browser, you need to have the favicon link be rel="icon" rather than rel="Favicon".

See Do you have to include <link rel="icon" href="favicon.ico" type="image/x-icon" />?

Additionally, you can add a URL route called "favicon.ico" that returns your file.

If your image doesn't load, there is a problem with your static asset serving: https://docs.djangoproject.com/en/dev/howto/static-files/

Django Favicon issue

3 Answers3