Sprite.svg не отображает иконки при развертывании на heroku, но работает локально (Django, Heroku, SVG)

Я разрабатываю целевую страницу, используя django, html, css. У меня есть файл sprite.svg, содержащий различные иконки (svg рисунки, к которым можно получить доступ, например, используя ""). Файл sprite.svg находится в моем статическом файле. Когда я запускаю страницу на локальном сервере, иконки появляются без проблем. При развертывании на heroku иконки не отображаются. Не могли бы вы помочь мне с этой проблемой?

Архитектура следующая

проект django
-----main app
----------settings.py
----------urls.py
-----second app
-----static
----------css
----------img
---------------sprite.svg
----------js
-----templates
----------secondapp
---------------index.html
-----manage.py
-----Procfile

Файл settings.py:

Файл sprite.svg:

Шаблон соответствующего приложения:

{% extends "lp001/base.html" %}
{% load static %}
{% block body_block%}
<body class="main-container">
<div class="card">
        <div class="card-wrapper">
            <svg class="card--img">
                <use href="img/sprite.svg#icon-light-up"></use>
            </svg>
            <p class="card--text">blablabla</p>
        </div>
  </div>

значки, отображаемые локально: