fill
в path
<svg width="39" height="34" viewBox="0 0 39 34" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.3029 22.2175L14.6578 31.2472C15.5808 31.2472 15.9805 30.8527 16.4599 30.3789L20.7873 26.2634L29.754 32.798C31.3985 33.71 32.5572 33.2297 33.0008 31.2925L38.8865 3.84768L38.8882 3.84606C39.4098 1.42693 38.009 0.480945 36.4068 1.07441L1.81054 14.2551C-0.550586 15.1671 -0.514836 16.477 1.40916 17.0704L10.254 19.8081L30.7989 7.01551C31.7658 6.37838 32.6449 6.7309 31.9218 7.36803L15.3029 22.2175Z" />
</svg>
svg {
fill: blue
}
svg:hover {
fill: green;
}
<div id="menu">
<nav class="nav-menu">
<a href="/" class="menu-item__link menu-item__link--current">
<svg></svg>
<div class="item-link__text">Главная</div>
</a>
<a href="#" class="menu-item__link">
<svg></svg>
<div class="item-link__text">Книги</div>
</a>
<a href="#" class="menu-item__link">
<svg></svg>
<div class="item-link__text">Фильмы</div>
</a>
<a href="#" class="menu-item__link">
<svg></svg>
<div class="item-link__text">Истории</div>
</a>
<a href="#" class="menu-item__link">
<svg></svg>
<div class="item-link__text">Профиль</div>
</a>
</nav>
</div>
.menu-item__link--current {
position: relative;
}
.menu-item__link--current::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
background: #fff;
filter: blur(px);
}
}