In this post we explore how to insert and customize social icons anywhere in your theme.
We’ll focus on social links in the header, footer and Article page, but the same process can be applied on any template in your Zendesk theme.
Company social links Links to your company pages on social media are typically contained with the page header or footer . For example, if you wanted to create a simple footer with links to your Facebook, Twitter, LinkedIn, Instagram and other social media account, you could use the simple centered footer layout from our Footer patterns :
Simple centered footer
View code View preview Copy da3a123921d1045b2496a3d230ed72477426a3daaf0e079fcc2c5064a0fc35a66dadbde3b2709ea08f36a0e52803cce2f5659dca9d08acb301f6f6ab5d084389272332549b83f5f0c7cabd024eae0ebca5645356aff4a08df73ff0b4bb1fdf84dcd8c559dfe064698721871aca169150605e440a6d7a9385b6c09a4d9255c0af4eeebb6b2e4cced96c1f84293c4fa79771c1b6de9bc06e3aa390c4cf7f51325eb65c1b047b0457b1da3c29da7a8f61731daea1de465bd17b29d412769a0ce9cdd232a3a4efb2d5d049c9fb9c4f57e628be895186d7b6caec320d8a9fc2145872f8d15cd00fb3fa47d18efb6775ffdacb03bf03cab95cc3f8e3aa026acdd4f20532ef7e6f18fd594835cd42027404041b1c07cd9f1a3cdf91ad9b2e4d56d64e4c5382f534cd954b84eb50b17f5d932b5718c24dbd79c475eb7eea28bbbd30602e6b4eb72f23d527afd9bf03ead19f6f2fb67f9e472bd22b8592666455ea9d624699cf5ae51250e7804806f40389adc76c0b42851ebf37d9d1479108581274430d6dd61c7966661ded6ebc1fe38d8bdff95d18310e76f63f42f6a7b75f792c0d01c8d7817a36699ecb149a4093944ea307ad26ec66a30991e2969079ad42e64e7dbfdf9cfceb21199afd4feadf348f0cedcdb3608a55ab159c1e1d3a007ff36b4dd28baf03f16129f802466077d296fa539b03ba877794a26d6b0123ae97bffe9b216657e9e3bb88d224ca7a6858af42c19544c4ad1abea6f6f0dd1e08797656265ca59fdabe35c5d584da602896240e53474f3fc30c72646771ee22b722b7b1664c5f32507c0b5ecf004dbe8fcae2e6535e4201e6b7614b402e431c3f6c0018279085a278537cd294689841ef8fa6cfb244cbc2b71f55a1ab4d03d189501c0f4a72f8efe1660fa259a24764fdbae7e6fc65a2ed7b3ee63174372fd39eac5a6070edb31b22d12542b16233a9d4168d3303031ea17b64c53819b2565a15eea6eb5239bb41f9774447a51ef844f97ac1d824109e91ef6e67da22d1daf68a483d1bdb1ec8c986f4ada47483486348fd0344cbcbc0cc1bb39b9721759a8f33f944ca102134d55e2b2b7e75e74f4da2782b0bea1376b7223a48015bda0c534dee497fa05d4c8de2f2b88db5c00d21f34d10c1139171011c1d27129229fbbb8283f288df8741869a6ad023214ece9700640f53710aea0a7dab7d2c401357c0ef46b1224036f221559e27f4b546582e71167601c5cd46d42765a1efaaf25383bf661c919b093ef4318dae64142f719a59d5efc40b5127c100b710b882f26a245481a4341ebc33e359db5e9b713a0600641fe801c84246977bb88a3d5fed79b268da9b9d7058ee363dae356b3bc62b21deea7ee139a7cd3ffdbf0a04157276879cdc337b96d5ea9ac3d50d1853045d0ce1f0a800c40d4b84f362598a6d6403ac30735eba336fba86abccc69e87b6fdefc1bc9f62da5a3af81976db90e0dc83c02fdc0d65880c063923e0b2e90c6de92174a337f748fb033fa7561af4a6e21cb2e54e0e3befbaee8d85ff300b5a30b0c92b637245e57e2af46a52ee9b2bae5189b1c3bad1dc5797bd404b3ea5f81f6a2cbd6d80a681c1b0713a7a272473096a794253ad0b95d6eb9194dd1de765cd7e5aa6a600e8c18e05b9eddc132c6f1cfa83ce531e78ca1e69d6f3fcef71df557e16c773e1524465f4f2515d3b3d1b94328d0e496a8d5e225423a1381e456fcb3a98e7cfbec8d563fc03111b40c35e1fc8500c2559fc0e0860d0c513be82ac72d2118a821f0dd72e5688aa85ee174104a38d3f6699f4d3bc0d2fef9cc165955c4ca6c6580077117dbf28bba0f6f8a02c47e1e601a0a073bcd2dbd26e96877edf49bd625714cc3b1edcbdc6f1ebdcfaf18d7d409942229963a58f61c3e85425e2880226ab2b83d5f15dfb33663c723b6791b806c771973227846b2326f5289d4455592014c5259c9d316bfd22cbc602597620f73ad5a7604f9ac3c66f1b23f9d122dded250165c8741aa29953f5942f32808892f8b019575e49c46f6c88e208f3da76dc29a766d5b939530821521133bd01febc08eb7bef0baecb40d2dbdc43bd434f05214daed85462b469cb866cecb1c59f76479f2b309b2ef013a5c3506294e916e04d2f60fd407df9027186466b76ba0d5389956b09c5c2e7b7663acce98a820766d7878bfc5f2781f96cc2ec4e823a83db067c7703f2831f33ea288db4f8a88ee316386ddba098700d5d383becdd06d4b5ea26af845f857afce26667cc9329e1958fc5ec95da4bc0b9d2ca4f369323e86c463e1b4344826889ef58f85c8370b11e2b605f04e9b7163ee88025728bc3b2435df819c79ed8b902e4a0730f5ea49c65d4c476d346c4fca6dc00112f9c615b9b043bf48812ce186454b74849203e0b6c46d546126537d1bbd33048fd2c80875060574ddba68a560bcd8a9347164ace01eae930eb6cd7b3628705b35612c207e7a070d256419d3b71a0b7116601f8d9651164072849de3bc5d21687cd82397cde840eb850b83d9f3afcc964569d56caa535eb9a1da01ce1d64e8aeb924f8751cd369e742282b5ca99a1f52cb69cdc43535f861c3cff8e2aa2e8df15169b1e28323bbc036b1302f90185539af9a1fa3f986f5bdc9ff1f12c1d1903ee9a093390a68dde74f48063278356bc6691ccef1c458ca7518826d47a0f1e3f278bb16da985d1f0eb5394afe085370e6204269528623e6613c35161add43796f3e40b94aa5c80a1dfc3d5217c8daa6fe885bbb7ba5881045932d5a5f2c867401f79833188b897e594c7779bd7c4ad3fbd88f7165b0c987a6f828fe338428081fab57e910bd5b313bb50ed3c1cb95c5adc88a41b7b875b5b1eebb56acd4a45316250219ae7a9f260068f93ebad90f8b2b7b5f9e1df7c90502cb48eadb93949caada1fcdb0dfc36a4d7ac3cea070266e803502a9836f62cd69fd29391e3528f174cd3878da49649bcbab4ce782efc056e5e3a75c76a9820f8633ee7a9fddd3635d0db478929d6cca12ebd85de89b067ec7b3a8fe91ad4c44e5127862d86a40638d7fbedefde88867b356b739741c022dd5d501c86040787f7bdf12db5063ba0ab50b1b4484aed20f534a98d3ad9fc71709901e1888f7baf0fa464682010b23ab84c80ff1eab5eb1d4e8a3e78c556d31f0b3922682a69f53b86365e76bba61d9d9382dac11fa41c87bf88263a74857f4e105436e6d8819a4e3c4350da443ecef90f0aed5e5df5e694a3b21889f63cef77d644cb295e80bcc6960e9d22f02e364f843e0321b11106ba711ec95429ca0efb786e12bedd11435727b2f193f2c5fcefa39c83c2ea0fbae15ebcc7d765d6cbd8ce11ed069c305abfa25cc6d3992c0860410dfd34aff80bd31c45044db22a6f5f8d9f6d622ad067e355c394497f80d6cb80db52b93ed80f2a041ec000dd01b894bf28058e9d3bd07c6c6cc38bd18dcbbf8f662ce2b031b5ee68f8906dd0f2001a6d06d7517fc5796dcdef89d8c4151990e7b07de391506f848db5797f0a572d6eb24adb6142630019cd463207950660e788b7d3836fe2c1a8f212a32f8f1257733f8360f4e5a45d700f0404ad7a69bfa946e7ea450e4dc03440f3d9edc1e7985bafe429d0f517ffc39f36d37ca86105e86fd77e9f01622458a19df84895ab10b4accf8b9886eca2f60289ec702a2308f54b602e550b1f48f22f21758a21d4b9a954b742246a7ffce1a4b639c4b5fd54400a86bef95adc143d1bad68c5ac80fe08dce10cdafc64b2c1aa38bed3c22d57784f51b4ef8cbf3d6dedaf1e77d25a2a81c0372a69bc0597469aa09163b85f284e458bd90480213ccf1a2716a9806b7c7076947f0695a5e3a0b4cff4d8c6f9268b60ad19e31ee367e1cde8e596a8b955d51f71197474c66fb574138eaa1659beb66fab26ad3958bc2776f5ecba8fa5c6cea2b990939158ec3fb283a25ae384380ace364fd04b560d16fb08471bbf7c392accbdfbff49d81e0c1706f86361f15c7cf6388aa43203c0503d97b0b8c319d005ece8710285c5eeef7dd30298767807f9a94c5e16ae26d8847e249fadd1982415a3cbed9d128e513e634238737f6c1954bfe38c30a44c89c1d82d74a7c5181a17f1fcc3342b65589c6704419abbf7388bdfa40f0ffe712fad132da95248d348057f7a902f1aea6ffa9c33c1de3571536b2ef09211bfd60e295a7e7216c0a4d1156950e916dd1a48ba479625ae0dc0cc705c3224412934bce09bd9a31a974cbdea0459a67ade44d94487650e0b55a5b087be66a7e195d210db92ec924aafe3a73ab6d47b34be5a0443601eac4871a32b9704f15a4fa52201d10487328e9cdbb11d8cbd63c20b842ac74588e804347951723288c8f7b1dfadcb1d8c3fbbfd012300a14646cecee5b84dacb793c43758de2e813b69d03bd88544660489dff487445fcbef7521669632eb2bbb2e71b0ee3207cedbe3122e387921e475417f584cc9a462e4bfec4ea2538a324efd30941a322d552388aa86e630f397fdf12edaf3b5208526d63a5c2e8179345688b6a7cb038148684d69b2cfa28f050997a770206c3bb7d838c2d7eeecfbe57971400959054b34aa7b1f66a0cf6162fffda8bdc6edd758cdac1392aa88ef2e5faaaf1404b142f06617f9359cb42d09aa092fc7455d25cf2c3c4a7d4d1320f6f00786aa1b74a2081d1b3a916cb3c4ef0d794422ac25a0056bea4cc869c8104732881aca3593713ab9838cde96af2076742ffe6cf17e49d07f435ae5aeefa634bca3faeede1092e7dc77478a126255caf0d71005df3e55c3ee69f55a6a3971c9f318b69f0a38ff5f84e72e0fdf51c4f644cd688b2db8688076172d29f2495f39aa0586e336ec369a591c704932899c08f881e58df8c6b186ecf65e6557dab95540775cae5e9e8310d1d733077b858de148cbf577fa888453f8c7cece1dee9387cc08a0e2abf009a54ba4fc5b5f6ced0e19999f29c903aaeab3c26daa4a7c88b508c237f07128d01baee51975c0dd37195b19dc2dd4129b8d462504f56d5e33cbce5715f5695f6908208cbd676a190a6456cb4cf57dfb08bd522ac883b2f8d204933e455ddf180a86522957ad6658c9eadba2436b36c091ae4f17b0889d1e8ea6f1786d2213d5dd1f9a329c9de2ee3e1d9ccb528008275c48ae31e66cb0235e1a42ccf8b799756d71b533baa5084c6f82373cecfbb4ba3673bc99a7d39869f73ee50016adc8f550198e9ee40c36b69d12aa9aa74166f0815a7b1f89faa2d99a0658884c4c13457f2df32d31ddd99c494488dd4005845a670899f3f75db34acfeed62a2d93873f5fd53021ec759610a09dcfd2c2bc2cfa6810c7614705723a1782bcce4585e15015e5a9f7c4b20119bca0639dd1abe04ccaef1f9ed27be45ff2b43a37e9a7cd4ded2d75251dbb1d2474feb1ac3584c643d74fdc6559332083b8b2ce4868f584f2536b32ae972aae32cbcda25ffa7b7c4d3f40514db9abdcaa3cff32ccdda88c905218d6184a84675b7f5f77a295467cc1be6edf813c3b6a5f4b33b3d5a353047ab9d5318de3fb1a9b06a84b6998600fb15734c796a4ad2f9ce9aedcad4ffca44f4137ec8f888026ca1b1a1108d0997a438edb9bc7e5f23651a70f37b975aad2a575ed7ffb822a13d4f8e0f9cc56aeb54fc3f70544f497aa38e495956731f19ca25561cf8d897b2e0cc937e940228bf14254172fdbe8dee0775524cac9d9ff5c05524135fc8dc5a57556ff14ed8170033352f0c5e37ca6c48dbdb123fdc64c73c5308ce3a87ce616e16675f67bbc94417e3be6cf28d9f396051c7adf9c3eabbe58e8ad096e0ba3682363730000526e1d63a63148e4db33a26508299e6d3e33289cf5e81385cd1e262da73c78344cf77392d80d22e1a57ac56c835fa2b77a36c887714b116e9f2f6063175a3fbe4e303a2ef0d25e6bb0ba62de86a3180fd56ccdbbd7e7a29ffe68739a10a30aa5daa057b5d1f93fb293b4f7d3f47c3dad3458d07d178b75c1ae601b2a511b1fdbbd45967483ab6d283e8719ff4e15a0f0f8c56a5cc6e24f0affc35d14c76d821a59d589c5ed3afa73d444975af9a046ac36767229b8ee0dddc19bdefc91c7db45000c625e23c6d6a6dfd8ee705498b54531d4040d23c465ead99458e817dcaf4402908e6f0313c775a37feeed8b50c0098aa95723044abd0497192c7096ccd1907a801422e994a1e5018b7356781924f48f9d8b4d79e1f79917ac76cc35850923c5ee10d956def59b13c435711bb39b9cf9f69fb207b9208e7658035ee5dc507044d06d4daab798dd809740f16f0cd9575a80981882c09153bca7418eb70a5659086fc12c3d5f44b7de5050c34ba1129271270a3bcf2a1715a1b270f2e66bbb1eac828c2b023ab2926a4f0b5f050c10df2a312f5e175b597a12c8e37d3624042f4dc8adafe9d9ccd01142cdb910612f379b39f99b4e635c9de2db69c8066989304981dc5134004a4ad15d5007ed0e1958a903e59d00fe27723ebda85802ef93df96f60e0570000a0b92aa2d021861b00f0503b5383c82bf8e0a530e55afd678633fdb352f91e795e45d6bf3147b5fa2373d413dcb90df6428a520deffb3b33aac2c136f54ed082cf2cd1493bb6930a64341a8ed999a2ae310f706a46cbd48b88af24a7466321322ce09bc69c9d5608cd4f6df78a67a23e71fd9742a272914648567e573502259e1c25ab4bf4835c30c20705d73ce37edc8abdd3b0ffdc0ae0ff90d7f31c4e17800b4747929bb6ffe52206af5eed93f8ee6783c387cafa26ac65fcafef855d8c8280d0c1f56ab7ae8e67622b14266d8353043149f8836bed4113655c38b7c2e17a2527383d1278db279ff68195b2d575abdab7b7ceed60be924b4b1d7a760404db839719930afdc82953e94808e36b208101fd0e8c60d6fdaa659d8479907b678b18cfbf0e27dbecf84800cfae1cdd153f612062878cc883fc5c98ded6e46089aa158a79a5cb92a501f4d3efb1d3b58d49054c1847866f0cbb7211c61ec3c9c7d78889af1a1f8a1fc1c01f6bc300d233d86764a47c8511351fddb91e185a29cd4f83779a294ece7b6eb79347015bda59d23a2eb12d2b6dfe0eea72c7db42a3dd305c079ffef651c5c0a2d44a14b49db32824ee3360cb88d17bdb680a20b1ef4e77d7a85d18a1b4031ac2a0c55e8a41e57ff3ced20b33229ef26127c79f079f2ffdc033ad44c654262e1ea987b5a1dcdd6793c1c2850cb5b94fda174309953738f36917c0ccaac9c8832660354f1fa78f9f3847b5aecd4dfbb74a63c7fcbc7480f40857369c069044b2986cad056f268455cf593310ad421636a036edcb10283fc01ba75cec6d4f41c59eeea0eacc08ee0d152d9b4a08f76d7cec598c2a4717cedf236136c23be2be26869775cb12209a88cbc9efae2471227bb74e45b42f6ab99e4f8a3b2dc2747f0a262006fbe16b87397f29fb9f74097a1b71debce163913168a4d398d63b776fc47177b0de8682ca6cbde7a4dca426b9e4b011eb298d2bb73657f0cb737b3c2cddb8ffb0065389f9d62fe2ec1b27560084c1e210253c7fa7e872726051549832d0353ef80629c8eb1ef80caf62133ed96c674677f60c221b9339a7eb1155eeddcf0ba9dd61fb3ba01d7f805441c49af9e8e354ae178871598a65123439f3dcbcf3e3da97ce44cc9fa2c0c51817b32a9b6c69670cc02029b0373cb0d1b641b21c4d5b773c02c6d577c77e05a4ec56a54810d4f4485608661796d148959de4f02dbca707cb9187edfeb3af7efd38eddabb47d8e768ea3d7520f36f746bbf514be6bf220acfbf6e3eda4fe34544b4d2819287e003a3e337e86febdd1e29cd520cce174d287fe10478c5536d2302e9276d9a556df11df53af2ce4c84923a61ad2f541b3053fe2c3db7e35694e81ff5fe92cc961b0659a4c230b5a763c3e2bed535d4cee1f168307dc37ddc8db0c07ec1e0494862973d472a9375a49f5366c96b989ecd4b0add7a47437e7385e8662caf567a90eac313a78382c4e13221c2364f6f89998e75a1dd0f2ccb5f54fc29433f90299c9568369db94b3e54c053cdef5649c9218fc31910f22dbf64c1a7db90dc4c7c67b7dc5f376815e9fde5a455f255aee74d0e7374d1191b122223f3f2b1c752a1d2ea5ffc7943c74a162ff247010eab8d7b5c1ecc70e30f73377d09a446046bd9b4429a0aa3ebfe4f8a497b03d397f4796a56db22bd15eef1fa0edf6a0f45346211203a01984960c4aace54d3dff34e69d019beb603af78dd8d0009c5e4333684218d7ac98ed74f3b9e051afb259755c0638d5f5eb99e78e36a1d6b85de412c0def29739567797c7fa86db75419530069b1c61eea2be20581629719aaa749c60dd818bbddb0315ac4eae466471f9f46336098cafe806368a554edbe015c6f58cdd5109772fe89d008f909cc3853886dd4f0b4a357ea4afd8b93222456ea449e3052b3e8fb45279d7020817e70c43cb3df8853b6e3660d3ae7d591885f0a45ca087d411e35ebd30e66aa155c7e42c9e6925bd56814ac82bcce8b3ec1c44c4c73f5b9419f0e8efcc666a07e401d34bd58021f1ffc4d523cf1dfc859286cbd67724559a69ffd10cce2100b31366dd1daf17d17a3071686d28a9758f01029ac4bb56456c445507087771b4f789c9054b3f7b2f99e9d8543a0c9f3b2b03adec4b7f1c47f779ff6ba6a9c7b2ae652f1452d1c1ccdf47c0c9636df02173c1f37b06c8848d774929fc8ffca88528b558240991bb7b4343cc21643d2d29024d04f6cb316eb4f7bfc8ba9720e86d8008ca5d042370c735aa85532d81b8f2d223394c83ff33dc315375cd814c79e055238577e5718af1f4bd1885e4461e76b7d4a5e3b380de592ba40514a974b053ebd3290adc4ba89eb1aeab2bcfdb5a7ec19f06f68cf16fd921b5cf0e810ba49989a995aa9906814064d10a5ddaeea984515c56cf38baa699e7413ba91222940e15ad0b3d2d311da8f9e061bb4eb56ec202cbab5cb8a6c58880afff9a6f4b0ec3f86137e971b68879b6ed244fac748ec9a4988538933096a360224eb16a31da2cbcf5dca23bcddfa839675e3b6fa10e362888e302d2a216e945ba500bf9c8e593c1bcc1be51a4f63e895c5758f722c0803bef7d981b30d7f9f5c45fb9811075acc38f5a02f696348d7bd2bbce6f0327e6bde00b2c8a564ecd648a2a14d0d36bffe590d6e655289c048019036e5f2564440a240a73e2cfaf168c8d321ccb9bb1e4b01e5403bc76abdee6042acaba06424304f56e967dd5a831eebe7c2aa3a84cb00c5536b7fb5454a95e12d98017f0483d43819e046f92f98236a5ca052d77937ba861b196261195ab904860ebdd81745629fe05b984bf1f43cebfa090dd0e1f9088eb64f55f3ce33bf48a51254316957793446b71afce997abf4a5c64440120c4482dcfc1da7222352479257b9171254f78a1175898368d2dba7d4ffce991fbd04cd8599f14170f30ff6238bd77743a1ff51fa5b47063bc659fd82db57b54ffe9dd01ffaac5dcb11a9a244fca9c79db196d74a686396cafddfca4ac80bde91cb04450745ae267951371e3e86e81f6aed91a1c6111c47275e02edc3ccab4dc0f567c1d82b8706227f71c194d5223d3cb0132f458f18bbabb69d3753df43db3ad59899a49b113057439e4eb4411437c4f9cec204a7638c4da8ed4d
Using inline SVGs means that the icons will look great on all screens and you can easily adjust the size and color to suit.
Article share links Zendesk provide out-of-box links for sharing articles through the {{share}}
helper . This adds links to share content on Facebook , Twitter and LinkedIn :
The helper produces the HTML and the hyperlinks themselves, ensuring that when a visitor clicks on one your page information is loaded and ready to share.
You can wrap the helper in a <div>
element and use utilities to modify the appearance of the links. For example, to have the links appear larger you could use .font-size-xl
from our Font Size utilities.
Changing the icons isn’t possible using the helper directly, however you can use your own HTML instead based on the HTML that the helper produces:
Copy <ul class= "share" >
<li>
<a href= "#" class= "share-facebook" aria-label= "Facebook" >
<svg xmlns= "http://www.w3.org/2000/svg" width= "12" height= "12" focusable= "false" viewBox= "0 0 12 12" >
<path fill= "currentColor" d= "M6 0a6 6 0 01.813 11.945V7.63h1.552l.244-1.585H6.812v-.867c0-.658.214-1.242.827-1.242h.985V2.55c-.173-.024-.538-.075-1.23-.075-1.444 0-2.29.767-2.29 2.513v1.055H3.618v1.585h1.484v4.304A6.001 6.001 0 016 0z" ></path>
</svg>
</a>
</li>
<li>
<a href= "#" class= "share-twitter" aria-label= "Twitter" >
<svg xmlns= "http://www.w3.org/2000/svg" width= "12" height= "12" focusable= "false" viewBox= "0 0 12 12" >
<path fill= "currentColor" d= "M12 2.184a4.83 4.83 0 01-1.415.397 2.52 2.52 0 001.083-1.396 4.87 4.87 0 01-1.564.612A2.428 2.428 0 008.308 1c-1.36 0-2.463 1.13-2.463 2.524 0 .198.023.39.065.576C3.863 3.994 2.05 2.99.835 1.46a2.564 2.564 0 00-.332 1.27 2.54 2.54 0 001.094 2.102 2.413 2.413 0 01-1.115-.316v.032c0 1.224.849 2.243 1.974 2.476-.363.1-.743.115-1.112.042.314 1.002 1.223 1.734 2.3 1.754A4.857 4.857 0 010 9.866 6.83 6.83 0 003.774 11c4.528 0 7.005-3.847 7.005-7.182 0-.11-.003-.22-.007-.327.482-.358.898-.8 1.228-1.308z" ></path>
</svg>
</a>
</li>
<li>
<a href= "#" class= "share-linkedin" aria-label= "LinkedIn" >
<svg xmlns= "http://www.w3.org/2000/svg" width= "12" height= "12" focusable= "false" viewBox= "0 0 12 12" >
<path fill= "currentColor" d= "M10.8 0A1.2 1.2 0 0112 1.2v9.6a1.2 1.2 0 01-1.2 1.2H1.2A1.2 1.2 0 010 10.8V1.2A1.2 1.2 0 011.2 0h9.6zM8.09 4.356a1.87 1.87 0 00-1.598.792l-.085.133h-.024v-.783H4.676v5.727h1.778V7.392c0-.747.142-1.47 1.068-1.47.913 0 .925.854.925 1.518v2.785h1.778V7.084l-.005-.325c-.05-1.38-.456-2.403-2.13-2.403zm-4.531.142h-1.78v5.727h1.78V4.498zm-.89-2.846a1.032 1.032 0 100 2.064 1.032 1.032 0 000-2.064z" ></path>
</svg>
</a>
</li>
</ul>
An alternative would be to use a service like ShareThis , which is configurable and provide a simple embeddable script that you can add to your page template.
Updated on 3 January 2022