/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 vote280 views1 answer
List of web error codes
Html
0 vote264 views1 answer
Button navigate to page
Html
0 vote293 views1 answer
How to make option values contain spaces in html
Html
0 vote261 views1 answer
What is difference between React router and react router Dom?
Html
9 votes247 views4 answers
Windows Vista
Html
0 vote269 views1 answer
Remove padding in code
Html
0 vote271 views2 answers
File type input limit in html
Html
0 vote245 views1 answer
How to show code with html
Html
1 vote258 views2 answers
Zohra Segal
Html
0 vote268 views1 answer
Servicenow jelly debug
Html