Many people doubt whether we can make an image clickable or not. So the answer is yes. And that too in a very easy way. Please check the codes below carefully.
First of all, write the markup given below.
<object data="/images/yourlogo.svg" type="image/svg+xml" width="100" height="70" class="mylogo" ></object>
Now you need to write this CSS code and done.
a.mysvg:after{
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
Example:
This is a very easy way to add hyperlink link on a SVG. I hope you liked this method. 🙂
