Можно ли покрасить svg градиентом через css?

:root {
  --gradient: linear-gradient(180deg, blue 4%, skyblue 104%);
}

svg path {
  fill: var(--gradient);
}


<div>
  <svg width="72" height="75" viewBox="0 0 72 75" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="много букв" fill="#000"/></svg>
</div>

К сожалению, этот код не менят цвет svg на градиент. Что я делаю не так?