No Javascript Social Media Share Buttons for WordPress

<!-- Facebook -->
<a class="social-sharing-button__link" href="https://facebook.com/sharer/sharer.php?u=<?php echo urlencode(get_permalink()); ?>" target="_blank" aria-label="Share on Facebook">
  <div class="social-sharing-button social-facebook social-large"><div aria-hidden="true" class="social-icon icon-solid">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.77 7.46H14.5v-1.9c0-.9.6-1.1 1-1.1h3V.5h-4.33C10.24.5 9.5 3.44 9.5 5.32v2.15h-3v4h3v12h5v-12h3.85l.42-4z"/></svg>
    </div>Share on Facebook</div>
</a>

<!-- Twitter -->
<a class="social-sharing-button__link" href="https://twitter.com/intent/tweet/?text=<?php echo urlencode( get_the_title() ); ?>&amp;url=<?php echo urlencode(get_permalink()); ?>&amp;hashtags=" target="_blank" aria-label="Share on Twitter">
  <div class="social-sharing-button social-twitter social-large"><div aria-hidden="true" class="social-icon icon-solid">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M23.44 4.83c-.8.37-1.5.38-2.22.02.93-.56.98-.96 1.32-2.02-.88.52-1.86.9-2.9 1.1-.82-.88-2-1.43-3.3-1.43-2.5 0-4.55 2.04-4.55 4.54 0 .36.03.7.1 1.04-3.77-.2-7.12-2-9.36-4.75-.4.67-.6 1.45-.6 2.3 0 1.56.8 2.95 2 3.77-.74-.03-1.44-.23-2.05-.57v.06c0 2.2 1.56 4.03 3.64 4.44-.67.2-1.37.2-2.06.08.58 1.8 2.26 3.12 4.25 3.16C5.78 18.1 3.37 18.74 1 18.46c2 1.3 4.4 2.04 6.97 2.04 8.35 0 12.92-6.92 12.92-12.93 0-.2 0-.4-.02-.6.9-.63 1.96-1.22 2.56-2.14z"/></svg>
    </div>Share on Twitter</div>
</a>

<!-- Google+ -->
<a class="social-sharing-button__link" href="https://plus.google.com/share?url=<?php echo urlencode(get_permalink()); ?>" target="_blank" aria-label="Share on Google+">
  <div class="social-sharing-button social-google social-large"><div aria-hidden="true" class="social-icon icon-solid">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11.37 12.93c-.73-.52-1.4-1.27-1.4-1.5 0-.43.03-.63.98-1.37 1.23-.97 1.9-2.23 1.9-3.57 0-1.22-.36-2.3-1-3.05h.5c.1 0 .2-.04.28-.1l1.36-.98c.16-.12.23-.34.17-.54-.07-.2-.25-.33-.46-.33H7.6c-.66 0-1.34.12-2 .35-2.23.76-3.78 2.66-3.78 4.6 0 2.76 2.13 4.85 5 4.9-.07.23-.1.45-.1.66 0 .43.1.83.33 1.22h-.08c-2.72 0-5.17 1.34-6.1 3.32-.25.52-.37 1.04-.37 1.56 0 .5.13.98.38 1.44.6 1.04 1.84 1.86 3.55 2.28.87.23 1.82.34 2.8.34.88 0 1.7-.1 2.5-.34 2.4-.7 3.97-2.48 3.97-4.54 0-1.97-.63-3.15-2.33-4.35zm-7.7 4.5c0-1.42 1.8-2.68 3.9-2.68h.05c.45 0 .9.07 1.3.2l.42.28c.96.66 1.6 1.1 1.77 1.8.05.16.07.33.07.5 0 1.8-1.33 2.7-3.96 2.7-1.98 0-3.54-1.23-3.54-2.8zM5.54 3.9c.33-.38.75-.58 1.23-.58h.05c1.35.05 2.64 1.55 2.88 3.35.14 1.02-.08 1.97-.6 2.55-.32.37-.74.56-1.23.56h-.03c-1.32-.04-2.63-1.6-2.87-3.4-.13-1 .08-1.92.58-2.5zM23.5 9.5h-3v-3h-2v3h-3v2h3v3h2v-3h3"/></svg>
    </div>Share on Google+</div>
</a>

<!-- WhatsApp -->
<a class="social-sharing-button__link" href="whatsapp://send?text=<?php echo urlencode( get_the_title() );  echo urlencode(get_permalink()); ?>" target="_blank" aria-label="Share on WhatsApp">
  <div class="social-sharing-button social-whatsapp social-large"><div aria-hidden="true" class="social-icon icon-solid">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20.1 3.9C17.9 1.7 15 .5 12 .5 5.8.5.7 5.6.7 11.9c0 2 .5 3.9 1.5 5.6L.6 23.4l6-1.6c1.6.9 3.5 1.3 5.4 1.3 6.3 0 11.4-5.1 11.4-11.4-.1-2.8-1.2-5.7-3.3-7.8zM12 21.4c-1.7 0-3.3-.5-4.8-1.3l-.4-.2-3.5 1 1-3.4L4 17c-1-1.5-1.4-3.2-1.4-5.1 0-5.2 4.2-9.4 9.4-9.4 2.5 0 4.9 1 6.7 2.8 1.8 1.8 2.8 4.2 2.8 6.7-.1 5.2-4.3 9.4-9.5 9.4zm5.1-7.1c-.3-.1-1.7-.9-1.9-1-.3-.1-.5-.1-.7.1-.2.3-.8 1-.9 1.1-.2.2-.3.2-.6.1s-1.2-.5-2.3-1.4c-.9-.8-1.4-1.7-1.6-2-.2-.3 0-.5.1-.6s.3-.3.4-.5c.2-.1.3-.3.4-.5.1-.2 0-.4 0-.5C10 9 9.3 7.6 9 7c-.1-.4-.4-.3-.5-.3h-.6s-.4.1-.7.3c-.3.3-1 1-1 2.4s1 2.8 1.1 3c.1.2 2 3.1 4.9 4.3.7.3 1.2.5 1.6.6.7.2 1.3.2 1.8.1.6-.1 1.7-.7 1.9-1.3.2-.7.2-1.2.2-1.3-.1-.3-.3-.4-.6-.5z"/></svg>
    </div>Share on WhatsApp</div>
</a>

<!-- Telegram -->
<a class="social-sharing-button__link" href="https://telegram.me/share/url?text=<?php echo urlencode( get_the_title() ); ?>&amp;url=<?php echo urlencode(get_permalink()); ?>" target="_blank" aria-label="Share on Telegram">
  <div class="social-sharing-button social-telegram social-large"><div aria-hidden="true" class="social-icon icon-solid">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M.707 8.475C.275 8.64 0 9.508 0 9.508s.284.867.718 1.03l5.09 1.897 1.986 6.38a1.102 1.102 0 0 0 1.75.527l2.96-2.41a.405.405 0 0 1 .494-.013l5.34 3.87a1.1 1.1 0 0 0 1.046.135 1.1 1.1 0 0 0 .682-.803l3.91-18.795A1.102 1.102 0 0 0 22.5.075L.706 8.475z"/></svg>
    </div>Share on Telegram</div>
</a>

<!-- Pinterest -->
<a class="social-sharing-button__link" href="https://pinterest.com/pin/create/button/?url=<?php echo urlencode(get_permalink()); ?>&media=<?php if(has_post_thumbnail()) echo wp_get_attachment_url(get_post_thumbnail_id()); ?>&description=<?php echo urlencode( get_the_title() . ' - ' . get_permalink() ); ?>" target="_blank" aria-label="Share on Pinterest">
  <div class="social-sharing-button social-pinterest social-large"><div aria-hidden="true" class="social-icon icon-solid">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12.14.5C5.86.5 2.7 5 2.7 8.75c0 2.27.86 4.3 2.7 5.05.3.12.57 0 .66-.33l.27-1.06c.1-.32.06-.44-.2-.73-.52-.62-.86-1.44-.86-2.6 0-3.33 2.5-6.32 6.5-6.32 3.55 0 5.5 2.17 5.5 5.07 0 3.8-1.7 7.02-4.2 7.02-1.37 0-2.4-1.14-2.07-2.54.4-1.68 1.16-3.48 1.16-4.7 0-1.07-.58-1.98-1.78-1.98-1.4 0-2.55 1.47-2.55 3.42 0 1.25.43 2.1.43 2.1l-1.7 7.2c-.5 2.13-.08 4.75-.04 5 .02.17.22.2.3.1.14-.18 1.82-2.26 2.4-4.33.16-.58.93-3.63.93-3.63.45.88 1.8 1.65 3.22 1.65 4.25 0 7.13-3.87 7.13-9.05C20.5 4.15 17.18.5 12.14.5z"/></svg>
    </div>Share on Pinterest</div>
</a>

<style>
.social-sharing-button__link,.social-icon {display: inline-block;}
.social-sharing-button__link {text-decoration: none;color: #fff;margin: 0.5em;}
.social-sharing-button {border-radius: 5px;transition: 25ms ease-out;padding: 0.5em 0.75em;font-family: Helvetica Neue,Helvetica,Arial,sans-serif;}
.social-icon svg {width: 1em;height: 1em;margin-right: 0.4em;vertical-align: top;}
.social-small svg {margin: 0;vertical-align: middle;}
/* Non solid icons get a stroke */
.social-icon {stroke: #fff;fill: none;}
/* Solid icons get a fill */
.icon-solid,.icon-solidcircle {fill: #fff;stroke: none;}
.social-twitter {background-color: #55acee;}
.social-twitter:hover {background-color: #2795e9;}
.social-pinterest {background-color: #bd081c;}
.social-pinterest:hover {background-color: #8c0615;}
.social-facebook {background-color: #3b5998;}
.social-facebook:hover {background-color: #2d4373;}
.social-tumblr {background-color: #35465C;}
.social-tumblr:hover {background-color: #222d3c;}
.social-reddit {background-color: #5f99cf;}
.social-reddit:hover {background-color: #3a80c1;}
.social-google {background-color: #dd4b39;}
.social-google:hover {background-color: #c23321;}
.social-linkedin {background-color: #0077b5;}
.social-linkedin:hover {background-color: #046293;}
.social-email {background-color: #777;}
.social-email:hover {background-color: #5e5e5e;}
.social-xing {background-color: #1a7576;}
.social-xing:hover {background-color: #114c4c;}
.social-whatsapp {background-color: #25D366;}
.social-whatsapp:hover {background-color: #1da851;}
.social-hackernews {background-color: #FF6600;}
.social-hackernews:hover, .social-hackernews:focus {background-color: #FB6200;}
.social-vk {background-color: #507299;}
.social-vk:hover {background-color: #43648c;}
.social-facebook {background-color: #3b5998;border-color: #3b5998;}
.social-facebook:hover,.social-facebook:active {background-color: #2d4373;border-color: #2d4373;}
.social-twitter {background-color: #55acee;border-color: #55acee;}
.social-twitter:hover,.social-twitter:active {background-color: #2795e9;border-color: #2795e9;}
.social-google {background-color: #dd4b39;border-color: #dd4b39;}
.social-google:hover,.social-google:active {background-color: #c23321;border-color: #c23321;}
.social-whatsapp {background-color: #25D366;border-color: #25D366;}
.social-whatsapp:hover,.social-whatsapp:active {background-color: #1DA851;border-color: #1DA851;}
.social-telegram {background-color: #54A9EB;}
.social-telegram:hover {background-color: #4B97D1;}
  </style>