"Hamburger-Icon" wird nicht angezeigt

.menu-icon {
display:none;
}

@media screen and (min-width:520px) {
nav {
display:block !important;
}
}


@media screen and (max-width:520px) {
nav {
display:none;
height:auto;
}
nav ul li {
display:block;
margin:0.3em 0em 0.3em 0em;
}
.menu-icon {
display:block;
}
}

<nav>
<ul>
<li><a href="#" class="menu-icon" href="#menu"><img src="http://www.elitepvpers.com/forum/images/menu.png"></a></li>
<li><a href="#">Home</a></li>
<li><a href="#">Einleitung</a></li>
<li><a href="#">Loslegen</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Forum</a></li>
</ul>
</nav>