ハンバーガーメニューのアイコンが表示されません。

問題点

ハンバーガーメニューのアイコンが表示されません。
押したらメニューが開く挙動がされるのですがカラーがついていません。
BootStrap使用でCSSはtemplatesで別で定義してます。

試したこと

こちらは記事を見ながら試しましたが変化無しです。

CSS
1.navbar-toggler-icon {
2	/* # 三本線の変更 */
3	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
4}

ソース

CSSとBootStrapを定義しているHTML
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- Bootstrap CSS -->
        <link rel=”stylesheet” href="header.css" type="text/css">
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css"
            integrity="sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I" crossorigin="anonymous">
        <title>MySite</title>
    </head>

HTML
1<header class="py-5">
2        <!-- d-flex justify-content-between -->
3        <nav class="nav mx-auto">
4            <div class="nav-item-left">
5                <a class="p-2 link-secondary　mr-auto" href="#">Home</a>
6            </div>
7            <div class="nav-item-img">
8                <a class="" href="#">
9                    <img src="{{ STATIC_URL }}img/header2.jpg" width="200" height="40" alt="サンプル">
10                </a>
11            </div>
12
13            <div class="nav-item-right ml-auto">
14                <a class="p-2 link-secondary" href="#">About</a>
15                <a class="p-2 link-secondary" href="#">Contact</a>
16
17                #navbarはここです
18                <button class="navbar-toggler" type="button"
19                    data-toggle="collapse"
20                    data-target="#navmenu1"
21                    aria-controls="navmenu1"
22                    aria-expanded="false"
23                    aria-label="Toggle navigation">
24                    <span class="navbar-toggler-icon "></span>
25                </button>
26                <div class="collapse navbar-collapse" id="navmenu1">
27                    <div class="navbar-nav">
28                        <a class="nav-item nav-link" href="#">Menu#1</a>
29                        <a class="nav-item nav-link" href="#">Menu#2</a>
30                        <a class="nav-item nav-link" href="#">Menu#3</a>
31                    </div>
32                </div>
33            </div>
34        </nav>
35    </header>