/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

310 votes498 views10 answers
Font awesome cdn
Html
0 vote278 views1 answer
Sell html templates
Html
0 vote315 views1 answer
Adding carousel
Html
4 votes303 views2 answers
Gcd c program recursion
Html
0 vote288 views1 answer
How to make a button in html go to another address
Html
0 vote306 views1 answer
Visual studio code black mode off
Html
182 votes301 views6 answers
How to set background image in html
Html
0 vote289 views1 answer
How to default select a span tags functions
Html
4 votes411 views2 answers
Strong tag html
Html
0 vote327 views1 answer
Html auto start video
Html