popup windows for sharing the current site on various social platforms

social_sharers.css

.social_sharers svg {
  height: 40px;
}

social_sharers.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 363c23 168-80 297-246 297-144 0-260-116-260-260s116-260 260-260c70 0 130 26 175 68l-71 68c-19-19-53-40-104-40-89 0-161 73-161 164s72 164 161 164c104 0 142-74 148-112h-148v-89h246z" />
      </svg>
    </a>
  </li>
  <li>
    <a href="mailto:?subject=EMAIL_SUBJECT&amp;body=URL_TO_SHARE" title="Share by Email">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800">
        <path d="M627 180c29 0 53 24 53 53v334c0 29-24 53-53 53H173c-29 0-53-24-53-53V233c0-29 24-53 53-53h454zm-7 113v-53L400 387 180 240v53l220 147z" />
      </svg>
    </a>
  </li>
</ul>

Demo: https://jsfiddle.net/enry/d0zss1bm/