/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

0 vote292 views1 answer
Etiquetas html para seleccionar imagenes
Html
0 vote277 views1 answer
Animate html
Html
0 vote275 views1 answer
Google address suggestion is not working inside popup modal
Html
0 vote324 views1 answer
Reactjs white space
Html
0 vote272 views2 answers
How to use font awesome unicode in html
Html
5 votes305 views2 answers
Responsive website in css
Html
0 vote295 views1 answer
What permissions should var/www/html have
Html
0 vote315 views1 answer
Best free html video player
Html
30 votes269 views6 answers
How to give color to text in html
Html
1 vote297 views1 answer
Responsive svg image in html
Html