Как сделать такой ховер на svg?

Question

[SheikhRamil]

есть такой svg

<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 808.3 203.3"><title>webflow-blac-tight</title><path d="M261,79.5c0-14.5-14.1-29.9-38.5-29.9-27.4,0-57.5,20.1-62.1,60.2-4.7,40.5,20.5,58.5,45.9,58.5s38.7-9.9,52.3-23.1c-11.7-14.7-26.8-7.9-29.7-6.4a30.4,30.4,0,0,1-15.7,3.8c-9.8,0-19.8-4.4-19.8-22.7C256.2,113.7,261,94,261,79.5Zm-31.1,2.4c-.4,4.5-2.2,12.2-34,16.5,6.7-23.8,19.5-25.6,25.4-25.6A8.31,8.31,0,0,1,229.9,81.9ZM123.5,85.8s-13.5,42.4-14.6,45.9C108.5,128.1,98.6,52,98.6,52c-23,0-35.3,16.4-41.8,33.7,0,0-16.4,42.5-17.8,46.1-.1-3.3-2.5-45.6-2.5-45.6C35.1,65,15.7,52.1,0,52.1L19,167.4c24.1-.1,37.1-16.4,43.9-33.7,0,0,14.5-37.5,15.1-39.2.1,1.6,10.4,72.9,10.4,72.9,24.2,0,37.2-15.3,44.2-32l33.9-83.3C142.6,52.1,130,68.4,123.5,85.8ZM349.8,49.4c-14.9,0-26.3,8.1-35.9,20v-.1L322.5,0c-19.8,0-35.9,17.2-39,42.8l-15,123.7c11.4,0,23.5-3.3,30-11.7a33.22,33.22,0,0,0,27.4,13.5c33.4,0,56.3-38.8,56.3-75.2C382,59.9,365.9,49.4,349.8,49.4Zm-3.1,59.5C343.2,129.2,331.9,143,321,143s-15.7-4.9-15.7-4.9c2.1-17.8,3.4-28.7,7.4-38.1s13.5-24.4,23.4-24.4C345.8,75.6,350.2,88.5,346.7,108.9ZM465.6,52.1H442.3l.1-1.2c1.6-15.2,5.2-23.2,17.1-24.5,8.1-.8,11.7-5,12.6-9.6C472.8,13.2,475,.7,475,.7c-46.8-.3-61.5,19.9-65.3,50.7l-.1.7h-.5c-7.6,0-16,8.6-17.4,19.5l-.5,4h15.6L393.7,183.8l-4,19.4c.5,0,1.1.1,1.6.1,21.9-.8,35.9-18.1,39-43.2l10.2-84.5h7.3c7.2,0,15.6-7.2,17.1-19.2Zm121.2-2c-26.9,0-52.3,19.8-60.1,50.9s4,67.9,43.6,67.9,62.3-38.3,62.3-70.2C632.6,67,611.1,50.1,586.8,50.1Zm10.9,57.8c-1.4,14.1-7.6,35.5-24.6,35.5s-14.7-25-13-36.9c1.8-12.7,8.9-30.8,24.2-30.8C598,75.7,599.3,92,597.7,107.9ZM765.5,85.8s-13.5,42.4-14.6,45.9c-.4-3.6-10.3-79.7-10.3-79.7-23,0-35.3,16.4-41.8,33.7,0,0-16.4,42.5-17.8,46.1-.1-3.3-2.5-45.6-2.5-45.6C677.1,65,657.7,52.1,642,52.1l18.9,115.3c24.1-.1,37.1-16.4,43.9-33.7,0,0,14.5-37.5,15-39.2.2,1.6,10.4,72.9,10.4,72.9,24.2,0,37.2-15.3,44.2-32l33.9-83.3C784.5,52.1,771.9,68.4,765.5,85.8ZM487.6.7,468,158.8h0l-4,19.5c.5,0,1.1.1,1.6.1h0c21.1-.3,36.1-18.8,38.9-42.1l11.3-90.7C519.2,17.9,502.7.7,487.6.7Z"/></svg>

как сделать так чтобы при ховере был вот так

а не так


я писал так

.img__header_webflow:hover {
    color: rgb(155, 155, 155);
}

скажите еще в чем моя ошибка если не лень

Comments

[lamer350]

потому что нужно svg:hover path {fill: rgb(155, 155, 155)}

[SheikhRamil]

lamer350, спасибо

Answer 1

[DevMinrat]

Просто вместо color напиши fill. То есть: fill: rgb(155, 155, 155);