T
T
TitNIk2017-02-01 14:44:24
css
TitNIk, 2017-02-01 14:44:24

How to fill two elements at once when hovering over an SVG icon?

Good day to all. Inserted social icons. networks through html to svg, a question arose. How can I change the color of two elements when hovering over an icon? Here is an example of an icon:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 455.731 455.731"><path d="M0 0h455.731v455.731H0z" /><path d="M118.06 138.69c10.922 26.972 24.764 52.402 42.995 75.231 2.418 3.038 5.466 5.739 8.677 7.938 4.69 3.221 9.115 2.089 11.022-3.276 2.017-5.63 3.868-17.04 3.978-22.952.301-15.448-.045-25.572-.875-41.001-.538-9.882-4.051-18.559-18.587-21.178-4.489-.812-4.906-4.507-2.022-8.193 6.004-7.674 14.368-8.897 23.438-9.381 14.7-.794 29.454-.146 44.172 0 5.995.055 12.026.538 17.93 1.825 7.701 1.679 11.825 7.081 13.094 14.599.657 3.878.995 7.865.903 11.789-.383 16.862-1.195 33.715-1.387 50.568-.082 6.615.401 13.395 1.816 19.837 1.98 8.978 8.093 11.232 14.344 4.745 7.938-8.239 14.937-17.51 21.506-26.926 11.935-17.127 20.849-35.923 28.523-55.303 3.969-10 7.008-12.172 17.765-12.199 20.22-.046 40.44-.064 60.66 0 3.586.018 7.336.356 10.721 1.433 5.493 1.752 7.674 6.232 6.387 11.917-3.002 13.322-10.201 24.645-17.911 35.531-12.373 17.464-25.339 34.509-38.003 51.772-1.615 2.199-3.038 4.544-4.362 6.925-4.736 8.559-4.407 13.358 2.5 20.484 10.995 11.342 22.766 21.953 33.414 33.605 7.738 8.477 14.9 17.674 21.032 27.355 7.756 12.245 2.965 23.778-11.524 25.831-9.115 1.287-53.641.01-55.942 0-11.971-.054-22.464-4.206-30.914-12.336-9.398-9.051-17.939-18.979-26.963-28.423-2.719-2.847-5.621-5.575-8.75-7.957-7.382-5.63-14.627-4.38-18.076 4.289-2.947 7.446-5.493 26.999-5.612 28.669-.62 8.732-6.177 14.298-15.959 14.836-28.24 1.533-55.605-1.615-81.098-15.274-21.607-11.57-38.861-27.93-53.807-47.009-23.742-30.304-42.495-63.615-59.616-97.904-.875-1.753-18.216-38.653-18.682-40.396-1.549-5.836-.104-11.411 4.827-13.33 3.074-1.196 60.248-.004 61.199.047 9.123.494 15.344 4.343 19.187 13.812z"/></svg>

I made the inscription VK transparent and changed the fill for the entire svg and its background on hover, but in this case a bug appears in FF and IE in the form of white stripes, an example is below:
gqGsziyN7OM.jpg

Answer the question

In order to leave comments, you need to log in

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question