Social Media Buttons Embed Generator

.buttons-social>a:hover{

	YOUR CUSTOM CSS DECLARATIONS

}

View another examples Add Own solution

Awgiedawgie 440215 points

                                    .buttons-social&gt;a{

	YOUR CUSTOM CSS DECLARATIONS

}

Thank you! 1

3.75

Awgiedawgie 440215 points

                                    &lt;div class=&quot;buttons-social&quot;&gt;

	YOUR BUTTON CODE

&lt;/div&gt;

Thank you! 4

3.75 (4 Votes)

4.22

Awgiedawgie 440215 points

                                    &lt;!--from https://www.buttons.social--&gt;&lt;script&gt;document.write('&lt;a href=&quot;https://www.facebook.com/sharer/sharer.php?u='+encodeURIComponent(document.URL)+'&quot;target=&quot;_blank&quot;title=&quot;Facebook&quot;style=&quot;display:inline-block;vertical-align:middle;width:2em;height:2em;border-radius:10%;background:#3b5998;&quot;&gt;&lt;svg style=&quot;display:block;fill:#fff;height:44%;margin:28% auto;&quot; viewBox=&quot;0 -256 864 1664&quot;&gt;&lt;path transform=&quot;matrix(1,0,0,-1,-95,1280)&quot; d=&quot;M 959,1524 V 1260 H 802 q -86,0 -116,-36 -30,-36 -30,-108 V 927 H 949 L 910,631 H 656 V -128 H 350 V 631 H 95 v 296 h 255 v 218 q 0,186 104,288.5 104,102.5 277,102.5 147,0 228,-12 z&quot; /&gt;&lt;/svg&gt;&lt;/a&gt; &lt;a href=&quot;https://twitter.com/share?url='+encodeURIComponent(document.URL)+'&amp;text='+encodeURIComponent(document.title)+'&quot;target=&quot;_blank&quot;title=&quot;Twitter&quot;style=&quot;display:inline-block;vertical-align:middle;width:2em;height:2em;border-radius:10%;background:#1b95e0;&quot;&gt;&lt;svg style=&quot;display:block;fill:#fff;height:36%;margin:32% auto;&quot; viewBox=&quot;0 -256 1576 1280&quot;&gt;&lt;path transform=&quot;matrix(1,0,0,-1,-44,1024)&quot; d=&quot;m 1620,1128 q -67,-98 -162,-167 1,-14 1,-42 0,-130 -38,-259.5 Q 1383,530 1305.5,411 1228,292 1121,200.5 1014,109 863,54.5 712,0 540,0 269,0 44,145 q 35,-4 78,-4 225,0 401,138 -105,2 -188,64.5 -83,62.5 -114,159.5 33,-5 61,-5 43,0 85,11 Q 255,532 181.5,620.5 108,709 108,826 v 4 q 68,-38 146,-41 -66,44 -105,115 -39,71 -39,154 0,88 44,163 Q 275,1072 448.5,982.5 622,893 820,883 q -8,38 -8,74 0,134 94.5,228.5 94.5,94.5 228.5,94.5 140,0 236,-102 109,21 205,78 -37,-115 -142,-178 93,10 186,50 z&quot; /&gt;&lt;/svg&gt;&lt;/a&gt; '+(/mobile|android|blackberry/i.test(navigator.userAgent)?'&lt;a href=&quot;whatsapp://send?text='+encodeURIComponent(document.URL)+'&quot;title=&quot;WhatsApp&quot;style=&quot;display:inline-block;vertical-align:middle;width:2em;height:2em;border-radius:10%;background:#43d854;&quot;&gt;&lt;svg style=&quot;display:block;fill:#fff;height:44%;margin:28% auto;&quot; viewBox=&quot;0 -256 1536 1548&quot;&gt;&lt;path transform=&quot;matrix(1,0,0,-1,0,1158)&quot; d=&quot;m 985,562 q 13,0 98,-44 84,-44 89,-53 2,-5 2,-15 0,-33 -17,-76 -16,-39 -71,-65.5 -55,-26.5 -102,-26.5 -57,0 -190,62 -98,45 -170,118 -72,73 -148,185 -72,107 -71,194 v 8 q 3,91 74,158 24,22 52,22 6,0 18,-1 12,-2 19,-2 19,0 26.5,-6 7.5,-7 15.5,-28 8,-20 33,-88 25,-68 25,-75 0,-21 -34.5,-57.5 Q 599,735 599,725 q 0,-7 5,-15 34,-73 102,-137 56,-53 151,-101 12,-7 22,-7 15,0 54,48.5 39,48.5 52,48.5 z M 782,32 q 127,0 244,50 116,50 200,134 84,84 134,200.5 50,116.5 50,243.5 0,127 -50,243.5 -50,116.5 -134,200.5 -84,84 -200,134 -117,50 -244,50 -127,0 -243.5,-50 Q 422,1188 338,1104 254,1020 204,903.5 154,787 154,660 154,457 274,292 L 195,59 437,136 Q 595,32 782,32 z m 0,1382 q 153,0 293,-60 139,-60 240,-161 101,-101 161,-240.5 Q 1536,813 1536,660 1536,507 1476,367.5 1416,228 1315,127 1214,26 1075,-34 935,-94 782,-94 587,-94 417,0 L 0,-134 136,271 Q 28,449 28,660 q 0,153 60,292.5 60,139.5 161,240.5 101,101 240.5,161 139.5,60 292.5,60 z&quot; /&gt;&lt;/svg&gt;&lt;/a&gt; ':'')+'&lt;a href=&quot;https://www.buttons.social/share/#'+encodeURIComponent(document.URL)+','+encodeURIComponent(document.title)+','+encodeURIComponent(document.querySelector('meta[name=description]')?document.querySelector('meta[name=description]').content:'')+'&quot;target=&quot;_blank&quot;title=&quot;More Services&quot;style=&quot;display:inline-block;vertical-align:middle;width:2em;height:2em;border-radius:10%;background:#ab2515;&quot;&gt;&lt;svg style=&quot;display:block;fill:#fff;height:28%;margin:46% auto 0;&quot; viewBox=&quot;0 0 10 4&quot;&gt;&lt;circle cx=&quot;2&quot; cy=&quot;2&quot; r=&quot;1&quot; /&gt;&lt;circle cx=&quot;5&quot; cy=&quot;2&quot; r=&quot;1&quot; /&gt;&lt;circle cx=&quot;8&quot; cy=&quot;2&quot; r=&quot;1&quot; /&gt;&lt;/svg&gt;&lt;/a&gt;');&lt;/script&gt;&lt;!--end buttons.social--&gt;

Thank you! 9

4.22 (9 Votes)

Are there any code examples left?

Find Add Code snippet

New code examples in category Other

Other 2023-03-27 22:50:10 how to select the whole line in vscode with keyboard shortcut
Other 2022-03-27 22:45:24 income of a web developer
Other 2022-03-27 22:35:01 \pyrcc_main.py: File does not exist 'resources.qrc'
Other 2022-03-27 22:30:45 rick roll embed code
Other 2022-03-27 22:20:08 Circuit_04_Potentiometer
Other 2022-03-27 22:20:05 iterative power
Other 2022-03-27 22:15:11 flutter run all
Other 2022-03-27 22:10:05 when is karlson release
Other 2022-03-27 22:10:02 wp .htaccess example
Other 2022-03-27 22:00:08 bash pause in file read line by line

Create a Free Account

Unlock the power of data and AI by diving into Python, ChatGPT, SQL, Power BI, and beyond.

Develop soft skills on BrainApps

Complete the IQ Test

Relative searches

html social media buttons generator social icons generator html css free Social Media Buttons how to link social media buttons in html How do I add social media buttons to HTML? social icons generator html css social media icons html generator free social media icon set generator html social icons html generator get custom social button share button generator social media icons html generator awesome sharing button generator Social Media Buttons Embed Generator

Social Media Buttons Embed Generator

Welcome Back!

Create a Free Account