Can we make a SVG clickable?

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. 🙂