/Html/Replace svg with another using javascript

Replace svg with another using javascript

<a href="#0" class="expand-link">
  <svg class="icon icon-expand" viewBox="0 0 32 32"><use xlink:href="#icon-expand"></use></svg>
  <svg class="icon icon-contract" viewBox="0 0 32 32"><use xlink:href="#icon-contract"></use></svg>
</a>

<style>
.expand-link:hover .icon-expand,
.expand-link:active .icon-expand{
  display: none;
}
.expand-link:hover .icon-contract,
.expand-link:active .icon-contract{
  display: block;
}
</style>

Source: css-tricks.com

Similar codes

1 vote313 views1 answer
Ionic deactivate fab button
Html
4 votes323 views2 answers
Clickable images html
Html
26 votes318 views6 answers
Ngfor with index
Html
52 votes331 views6 answers
Turn off autocomplete input html
Html
0 vote275 views1 answer
Small line in html
Html
15 votes312 views5 answers
Audio in html
Html
0 vote328 views1 answer
How to disable shadow in bootstrap button
Html
4 votes358 views3 answers
Html change button color
Html
0 vote363 views1 answer
Dangerously Set innerHTML image
Html
0 vote301 views1 answer
Wicked pdf page break
Html