linear-gradient() не проблема.fill="currentColor" и меняем цвет (color) при :hover на родительском элементе.<div class="card"><!-- На этом :hover -->
<div class="text"><!-- Текст с карточки --></div>
<svg fill="currentColor" ...>...</svg>
</div>