/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

38 votes279 views5 answers
Button open link in new tab
Html
1 vote294 views2 answers
Change html element
Html
1 vote339 views1 answer
Ng for until number
Html
0 vote284 views1 answer
Free diamonds geometry dash
Html
16 votes255 views4 answers
Text in border
Html
0 vote295 views1 answer
Html how to create a box in the middle of a image
Html
0 vote263 views1 answer
See locked pakages linux
Html
8 votes306 views1 answer
How do i set a pdf to be download link in html
Html
0 vote281 views1 answer
Tailwind container
Html
77 votes309 views6 answers
Html button with link
Html