Не отображается logo и favicon на сайте Django

На сайте некорректно отображается logo и favicon. А так же некоторые строки в html горят красным. Как это исправить?

errorhtml

favandlogo

<!doctype html>
<html lang="en">

<head>
  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  <!-- Bootstrap CSS -->
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">

  <link rel="stylesheet" href="{% static "portfolio/custom.css" %}">

  <link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">

  <!-- <link rel="icon" type="image/png" href="{% static "./portfolio/images/photo_2021-08-09 00.24.44.jpeg" %}"> -->

  <link rel="icon" type="images/png" href="{% static "./portfolio/images/Logo30-30.png" %}">

  <!-- href="{% static " Logo30-30.png" %}"> -->

  <title>Mike Zigberman</title>
</head>

<body>

  <nav id="topNav" class="navbar navbar-expand-md navbar-light">
    <div class="container">
      <a class="navbar-brand" href="{% url 'home' %}">
        <img src="{% static "Logo30-30.png" %}" width="30" height="30" class="d-inline-block align-top" alt="">
        <span>Mike Zigberman</span>

Вернуться на верх