Social sharers

by Henry

HTML

<ul class="social_sharers">
  <li>
    <a href="https://www.facebook.com/sharer/sharer.php?u=URL_TO_SHARE" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=610,width=600');return false;" title="Share on Facebook" target="_blank">
      <svg viewBox="0 0 800 800" xmlns="http://www.w3.org/2000/svg">
        <path d="M445 643h-90V419h-75v-87h75v-64q0-55 32-86 30-29 80-29 28 0 67 3v78h-47q-42 0-42 38v60h86l-11 87h-75v224z" />
      </svg>
    </a>
  </li>
  <li>
    <a href="https://twitter.com/home?status=URL_TO_SHARE" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=430,width=600');return false;" title="Share on Twitter" target="_blank">
      <svg viewBox="0 0 800 800" xmlns="http://www.w3.org/2000/svg">
        <path d="M679 239s-21 34-55 57c7 156-107 329-314 329-103 0-169-50-169-50s81 17 163-45c-83-5-103-77-103-77s23 6 50-2c-93-23-89-110-89-110s23 14 50 14c-84-65-34-148-34-148s76 107 228 116c-22-121 117-177 188-101 37-6 71-27 71-27s-12 41-49 61c30-2 63-17 63-17z" />
      </svg>
    </a>
  </li>
  <li>
    <a href="https://www.linkedin.com/shareArticle?mini=true&amp;url=URL_TO_SHARE&amp;title=TITLE_OF_THING_BEING_SHARED" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=610');return false;" title="Share on LinkedIn" target="_blank">
      <svg viewBox="0 0 800 800" xmlns="http://www.w3.org/2000/svg">
        <path d="M268 629h-97V319h97zm157 0h-97V319h93v42h1q31-50 93-50 114 0 114 133v185h-96V466q0-70-49-70-59 0-59 69z" />
        <circle cx="219" cy="220" r="56" />
      </svg>
    </a>
  </li>
  <li>
    <a href="https://plus.google.com/share?url=URL_TO_SHARE" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=530,width=520');return false;">
      <svg viewBox="0 0 800 800" xmlns="http://www.w3.org/2000/svg">
        <path d="M651...

CSS

.social_sharers svg {
  height: 40px;
}