Не отображаются svg иконки в html/css

Почему то не отображаются svg иконки при добавлении их в html файл. P.S я начал пару дней назад изучать дизайн (а с ним и чуть чуть вёрстки, поэтому я в этом деле новичок) Код :

<link rel="shortcut icon" href="icon.png" type="image/x-icon">
<!-- href = icon.png измени на ^ свою иконку во вкладке -->
<title>123</title>

<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="fonts/stylesheet.css">
<script type="text/javascript" src="js/bootstrap.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/lazyload.min.js"></script>

    <div class="col-lg-12">
        <div class="center1">
        <h4> ‘by diaworld <3’<h4><br>
        <h1>31313131 <br> 15515151</h1><br>
        <h2>123123123123<h2><br>
        <div class="button">    
        <a class="kmopka"href="#">какая то ссылкаааааааааааааа</a>
             </div>
        <div>
    </div>
<div>


    <div class="row">
     <div class="col-lg-12">
        <div class="icons">
            <div>
        <a href="#"><img src="/css/instagram.svg"></a>
        <a href="#"><img src="/css/instagram.svg"></a>
      <div>     
  <div>         

https://i.stack.imgur.com/ihd18.png