<style type="text/css">
.myicon {
display: inline-block;
filter: invert(39%) sepia(16%) saturate(614%) hue-rotate(156deg) brightness(97%) contrast(89%);
}
.sidebar .nav-link:hover .myicon {
filter: brightness(0) invert(1);
}
</style>
<div class="sidebar">
<li class="nav-item">
<a class="nav-link" href="#"><img src="icon.svg" class="myicon"/> MyPage</a>
</li>
</div>
<!--Hex Color To CSS Filter Converter-->
https://isotropic.co/tool/hex-color-to-css-filter/