/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

7 votes229 views1 answer
How to create comments in html5
Html
45 votes213 views3 answers
Button color bootstrap
Html
0 vote167 views1 answer
How to youtube video running again and again html
Html
0 vote220 views2 answers
How to set option size to select in html css
Html
20 votes158 views2 answers
Select empty option
Html
0 vote162 views2 answers
C# how to get src from html img
Html
0 vote177 views1 answer
Tailwind css text wrap
Html
1 vote144 views3 answers
Copywrite in html
Html
0 vote173 views2 answers
Auto select radio button
Html
0 vote182 views1 answer
How inside a word or sentence in circle border in html
Html