/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 vote223 views1 answer
How to add double space in html
Html
0 vote206 views1 answer
Hide html element show on print bootstrap 4.6
Html
0 vote190 views2 answers
Pignose Calender
Html
1 vote183 views1 answer
How to write superscript in markdown
Html
3 votes201 views1 answer
HOW TO USE A video on a html website from youtube
Html
11 votes202 views3 answers
How to create input box in html
Html
1 vote191 views2 answers
Form action in html
Html
16 votes185 views2 answers
Html scroll behavior
Html
1 vote225 views1 answer
Changeable href
Html
1 vote214 views1 answer
Html preselected radio button
Html