<li class="nav-item">
  <a class="nav-link" href="{% url 'usuario:lista_administradores' %}" >
    <span class="nav-link-icon d-md-none d-lg-inline-block">
      <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-users-group" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
         <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
         <path d="M10 13a2 2 0 1 0 4 0a2 2 0 0 0 -4 0"></path>
         <path d="M8 21v-1a2 2 0 0 1 2 -2h4a2 2 0 0 1 2 2v1"></path>
         <path d="M15 5a2 2 0 1 0 4 0a2 2 0 0 0 -4 0"></path>
         <path d="M17 10h2a2 2 0 0 1 2 2v1"></path>
         <path d="M5 5a2 2 0 1 0 4 0a2 2 0 0 0 -4 0"></path>
         <path d="M3 13v-1a2 2 0 0 1 2 -2h2"></path>
      </svg>
    </span>
    <span class="nav-link-title">
      Administradores
    </span>
  </a>
</li>
<li class="nav-item">
  <a class="nav-link" href="{% url 'usuario:lista_estudiantes' %}" >
    <span class="nav-link-icon d-md-none d-lg-inline-block">
      <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-school" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
       <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
       <path d="M22 9l-10 -4l-10 4l10 4l10 -4v6"></path>
       <path d="M6 10.6v5.4a6 3 0 0 0 12 0v-5.4"></path>
    </svg>
    </span>
    <span class="nav-link-title">
      Estudiantes
    </span>
  </a>
</li>
<li class="nav-item">
  <a class="nav-link" href="{% url 'usuario:lista_instructores' %}" >
    <span class="nav-link-icon d-md-none d-lg-inline-block">
      <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-users" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
         <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
         <path d="M9 7m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0"></path>
         <path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2"></path>
         <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
         <path d="M21 21v-2a4 4 0 0 0 -3 -3.85"></path>
      </svg>
    </span>
    <span class="nav-link-title">
      Instructores
    </span>
  </a>
</li>
<li class="nav-item">
  <a class="nav-link" href="{% url 'curso:lista_cursos' %}" >
    <span class="nav-link-icon d-md-none d-lg-inline-block">
      <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-crop-5-4" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
        <path d="M4 5m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z" />
      </svg>
    </span>
    <span class="nav-link-title">
      Cursos
    </span>
  </a>
</li>
<li class="nav-item">
  <a class="nav-link" href="{% url 'curso:tabla_con_cursos' %}">
    <span class="nav-link-icon d-md-none d-lg-inline-block">
      <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-chart-line" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
         <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
         <path d="M4 19l16 0"></path>
         <path d="M4 15l4 -6l4 2l4 -5l4 4"></path>
      </svg>
    </span>
    <span class="nav-link-title">
      Avance de estudiantes
    </span>
  </a>
</li>
<li class="nav-item">
  <a class="nav-link" href="{% url 'curso:grafica_cursos' %}">
    <span class="nav-link-icon d-md-none d-lg-inline-block">
      <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-chart-histogram" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
         <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
         <path d="M3 3v18h18"></path>
         <path d="M20 18v3"></path>
         <path d="M16 16v5"></path>
         <path d="M12 13v8"></path>
         <path d="M8 16v5"></path>
         <path d="M3 11c6 0 5 -5 9 -5s3 5 9 5"></path>
      </svg>
    </span>
    <span class="nav-link-title">
      Cursos populares
    </span>
  </a>
</li>
<li class="nav-item">
  <a class="nav-link" href="{% url 'videollamada:videollamada' %}">
    <span class="nav-link-icon d-md-none d-lg-inline-block">
      <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-video-minus" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
        <path d="M15 10l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -1.447 .894l-4.553 -2.276v-4z" />
        <path d="M3 6m0 2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2z" />
        <path d="M7 12l4 0" />
      </svg>
    </span>
    <span class="nav-link-title">
      Videollamadas
    </span>
  </a>
</li>
<li class="nav-item">
  <a class="nav-link" href="{% url 'notificacion:notificacion' %}">
    <span class="nav-link-icon d-md-none d-lg-inline-block">
      <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-bell-filled" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
        <path d="M14.235 19c.865 0 1.322 1.024 .745 1.668a3.992 3.992 0 0 1 -2.98 1.332a3.992 3.992 0 0 1 -2.98 -1.332c-.552 -.616 -.158 -1.579 .634 -1.661l.11 -.006h4.471z" stroke-width="0" fill="currentColor" />
        <path d="M12 2c1.358 0 2.506 .903 2.875 2.141l.046 .171l.008 .043a8.013 8.013 0 0 1 4.024 6.069l.028 .287l.019 .289v2.931l.021 .136a3 3 0 0 0 1.143 1.847l.167 .117l.162 .099c.86 .487 .56 1.766 -.377 1.864l-.116 .006h-16c-1.028 0 -1.387 -1.364 -.493 -1.87a3 3 0 0 0 1.472 -2.063l.021 -.143l.001 -2.97a8 8 0 0 1 3.821 -6.454l.248 -.146l.01 -.043a3.003 3.003 0 0 1 2.562 -2.29l.182 -.017l.176 -.004z" stroke-width="0" fill="currentColor" />
      </svg>
    </span>
    <span class="nav-link-title">
      Notificaciones
    </span>
  </a>
</li>
