How to make codepen (svg) icons clickable?

How to make codepen (svg) icons clickable?
0

#1

Hi everyone!!!
I’ve tried to use “href” to link the icons to a url but it doesnt work. How do I fix this?
Thanks in advance :smiley:


#2

I added an a tag encapsulating the svg. Seems to work when I did that.


	  <a id="skills"><h2>SKILLS</h2></a>
	  	<div class="col-lg-4 col-md-4 col-sm-4">
          <a href="http://example.com" target="_blank">
            <svg style="width:80px;height:80px" viewBox="0 0 24 24">
              <path fill="#000000" d="M3,3H21V21H3V3M7.73,18.04C8.13,18.89 8.92,19.59 10.27,19.59C11.77,19.59 12.8,18.79 12.8,17.04V11.26H11.1V17C11.1,17.86 10.75,18.08 10.2,18.08C9.62,18.08 9.38,17.68 9.11,17.21L7.73,18.04M13.71,17.86C14.21,18.84 15.22,19.59 16.8,19.59C18.4,19.59 19.6,18.76 19.6,17.23C19.6,15.82 18.79,15.19 17.35,14.57L16.93,14.39C16.2,14.08 15.89,13.87 15.89,13.37C15.89,12.96 16.2,12.64 16.7,12.64C17.18,12.64 17.5,12.85 17.79,13.37L19.1,12.5C18.55,11.54 17.77,11.17 16.7,11.17C15.19,11.17 14.22,12.13 14.22,13.4C14.22,14.78 15.03,15.43 16.25,15.95L16.67,16.13C17.45,16.47 17.91,16.68 17.91,17.26C17.91,17.74 17.46,18.09 16.76,18.09C15.93,18.09 15.45,17.66 15.09,17.06L13.71,17.86Z" />
            </svg>
          </a>
        </div>
        ...

#3

I just read the instructions for the challenge again, but thanks!!!