<div class="social-link">
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="24"
    height="24"
    viewBox="0 0 24 24"
  >
    <title>Instagram</title>
    <rect width="24" height="24" rx="2" />
    <path
      d="M12,10.05a2.28,2.28,0,1,0,2.28,2.28A2.28,2.28,0,0,0,12,10.05Z"
      transform="translate(0 0)"
    />
    <path
      d="M17.32,8.3A2.26,2.26,0,0,0,16,7a3.7,3.7,0,0,0-1.27-.23c-.72,0-.94,0-2.76,0s-2,0-2.76,0A3.7,3.7,0,0,0,8,7,2.26,2.26,0,0,0,6.68,8.3a3.92,3.92,0,0,0-.24,1.27c0,.72,0,.93,0,2.76s0,2,0,2.75a3.87,3.87,0,0,0,.24,1.27A2.26,2.26,0,0,0,8,17.65a3.7,3.7,0,0,0,1.27.23c.72,0,.94,0,2.76,0s2,0,2.76,0A3.7,3.7,0,0,0,16,17.65a2.26,2.26,0,0,0,1.29-1.3,3.87,3.87,0,0,0,.24-1.27c0-.72,0-.93,0-2.75s0-2,0-2.76A3.92,3.92,0,0,0,17.32,8.3ZM12,15.83a3.51,3.51,0,1,1,3.51-3.5A3.51,3.51,0,0,1,12,15.83ZM15.64,9.5a.82.82,0,1,1,.82-.82.82.82,0,0,1-.82.82Z"
      transform="translate(0 0)"
    />
    <path
      d="M22,0H2A2,2,0,0,0,0,2V22a2,2,0,0,0,2,2H22a2,2,0,0,0,2-2V2a2,2,0,0,0-2-2ZM18.79,15.14a5.2,5.2,0,0,1-.32,1.66,3.47,3.47,0,0,1-2,2,4.94,4.94,0,0,1-1.66.32c-.72,0-1,0-2.81,0s-2.09,0-2.81,0a4.94,4.94,0,0,1-1.66-.32,3.47,3.47,0,0,1-2-2,5.2,5.2,0,0,1-.32-1.66c0-.73,0-1,0-2.81s0-2.09,0-2.82a4.94,4.94,0,0,1,.32-1.66,3.5,3.5,0,0,1,2-2,4.94,4.94,0,0,1,1.66-.32c.72,0,1,0,2.81,0s2.09,0,2.81,0a4.94,4.94,0,0,1,1.66.32,3.5,3.5,0,0,1,2,2,5.2,5.2,0,0,1,.32,1.66c0,.73,0,1,0,2.82S18.82,14.41,18.79,15.14Z"
      transform="translate(0 0)"
    />
  </svg>
</div>

body {
  background: #888;
  display: flex;
  justify-content: center;
}
.social-link {
  display: inline-block;
  height: 24px;
  margin: 0 3px;
  position: relative;
  width: 24px;
}
.social-link svg path,
.social-link svg rect {
  transition: fill 0.2s ease-in-out;
}
.social-link svg path {
  fill: #fff;
}
.social-link svg rect {
  fill: #000;
}
.social-link:hover svg path,
.social-link:focus svg path {
  fill: #000;
}
.social-link:hover svg rect,
.social-link:focus svg rect {
  fill: #fff;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.