diff --git a/images/facebook-badge.svg b/images/facebook-badge.svg
index ffde8bd..8bd0cda 100644
--- a/images/facebook-badge.svg
+++ b/images/facebook-badge.svg
@@ -1,4 +1,22 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="266.893" height="266.895" viewBox="0 0 266.893 266.895">
-  <path fill="#3C5A99" d="M248.082 262.307c7.854 0 14.223-6.37 14.223-14.225V18.812c0-7.857-6.368-14.224-14.223-14.224H18.812c-7.857 0-14.224 6.367-14.224 14.224v229.27c0 7.855 6.366 14.225 14.224 14.225h229.27z"/>
-  <path fill="#FFF" d="M182.41 262.307v-99.803h33.498l5.016-38.895H182.41V98.775c0-11.26 3.126-18.935 19.274-18.935l20.596-.01V45.047c-3.562-.474-15.788-1.533-30.012-1.533-29.695 0-50.025 18.126-50.025 51.413v28.684h-33.585v38.894h33.585v99.803h40.166z"/>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="70" height="20">
+    <style>#llink:hover{fill:url(#b);stroke:#ccc}#rlink:hover{fill:#4183c4}</style>
+    <linearGradient id="a" x2="0" y2="100%">
+        <stop offset="0" stop-color="#fcfcfc" stop-opacity="0"/>
+        <stop offset="1" stop-opacity=".1"/>
+    </linearGradient>
+    <linearGradient id="b" x2="0" y2="100%">
+        <stop offset="0" stop-color="#ccc" stop-opacity=".1"/>
+        <stop offset="1" stop-opacity=".1"/>
+    </linearGradient>
+    <rect stroke="none" fill="#fcfcfc" x=".5" y=".5" width="56" height="19" rx="2"/>
+    <image x="5" y="3" width="14" height="14"
+           xlink:href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNjYuODkzIiBoZWlnaHQ9IjI2Ni44OTUiIHZpZXdCb3g9IjAgMCAyNjYuODkzIDI2Ni44OTUiPgogIDxwYXRoIGZpbGw9IiMzQzVBOTkiIGQ9Ik0yNDguMDgyIDI2Mi4zMDdjNy44NTQgMCAxNC4yMjMtNi4zNyAxNC4yMjMtMTQuMjI1VjE4LjgxMmMwLTcuODU3LTYuMzY4LTE0LjIyNC0xNC4yMjMtMTQuMjI0SDE4LjgxMmMtNy44NTcgMC0xNC4yMjQgNi4zNjctMTQuMjI0IDE0LjIyNHYyMjkuMjdjMCA3Ljg1NSA2LjM2NiAxNC4yMjUgMTQuMjI0IDE0LjIyNWgyMjkuMjd6Ii8+CiAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTE4Mi40MSAyNjIuMzA3di05OS44MDNoMzMuNDk4bDUuMDE2LTM4Ljg5NUgxODIuNDFWOTguNzc1YzAtMTEuMjYgMy4xMjYtMTguOTM1IDE5LjI3NC0xOC45MzVsMjAuNTk2LS4wMVY0NS4wNDdjLTMuNTYyLS40NzQtMTUuNzg4LTEuNTMzLTMwLjAxMi0xLjUzMy0yOS42OTUgMC01MC4wMjUgMTguMTI2LTUwLjAyNSA1MS40MTN2MjguNjg0aC0zMy41ODV2MzguODk0aDMzLjU4NXY5OS44MDNoNDAuMTY2eiIvPgo8L3N2Zz4K"/>
+    <g fill="#333" text-anchor="middle" font-family="Helvetica Neue,Helvetica,Arial,sans-serif" font-weight="700"
+       font-size="11">
+        <text x="36.5" y="15" fill="#fff">Share</text>
+        <text x="36.5" y="14">Share</text>
+    </g>
+    <a xlink:href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fgithub.com%2Fmarcelstoer%2Fnodemcu-pyflasher">
+        <rect id="llink" stroke="#d5d5d5" fill="url(#a)" x=".5" y=".5" width="56" height="19" rx="2"/>
+    </a>
 </svg>