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 a7e35c417b1aaf5b212e6c217d33c9084a10499b1c473f619ceec32ace7418a05c6f43d896e9b53c2005e836604d7d917325828d800c43bb3535f34adf5da4c7db844afb2f11e73323a996a7ae42c6f3ef9bf0e9b6ff7b9ec3080bb446748f11dbee05fbfbd568d4c1ca76ffac27914977090a0e62f3308845fcba53b9dadfe31e6cf3d56b374a91dc735f6958825ce933936b6caabb8faa2b312c00877f39a50313a07a569f0ecf694a6c53a6cb1e11f35dd19758678c2ad7f932e9ddc52ad82b5f21a702a974ae0e8bd8e443358e3cd9682bded218e0dae4e8d62e5ac3bdc854f771b5992db1131289bfd71f90a5972b418d4f6f79817889d746375f9ce94ef94dcdb47c68b3875c4977dc893eb240f15c17f3f632073eae2def2a58e57926df0cab474055fa3fc18ca78a813c86c4a74fb4a3350ee0c6367d9caf76205bdd60470699eb1b4d637b42219154b57181f0e130994df1b57f550e2b1f25e645ea655d534e520cf8a6ecfe93cd1661edf730ae9ec6969468cfceb63124e42952ebbb867fe8d88f4831a391d5b19bf69d95472d55813db680e5c6206a7c06bc21ea1ae56a6ddab07b373f7fa241f5ac906350db47dd778597412a93097d1bebfe2c8a5d378c5fd1e42054ca43b6afaf4997de4318ef58145740b2a76de8963787d7f8360c5d8f432ebaff9b77bacaedebf58a4d5b5dd316cbf68325d5e0287bb1ab6503636040e2af9a5ff2e2f421a8d13e94ba99bb347962c4c50275e37ae34c5fd5f0b082e2dc6ec02d4e20881efdb6d7b92984a0f4b558d5a25c2e1b2cb7e86697b544ca07f36a48ea7f6a3c3b3dacd772adfe4b4166e2a4a22a1035f077d5f19b54e624c9678638e8d263eff68e1c50c474b55084aa3a2141acca85d6c75d2f1777b9780941d07062d76f1a6a8482e0c7f6629cb9e8bea3ac11e8cc6d8627e840407edc324a82d44dc12082a87dd3657dddbcafca092ff65339a87526c5a86a1e96f5b3f4f00301d2c2f4496f20981bb55b4fe45d878b623b98e1384dd143a061cc22e4bff22f58eb0481e58c7c8d860a4a80b2ac72e5626e59451b65f6fb80d5d28d039314793a40bb2f6d9444a06a563fbc8a40f58f533b638c2707b5dff466aaf39ff1022607052334c082b655c88d817ae91cb9ce946a15ed92f7933d6b6a0273f30af37a627bac1de32650d4cd3f4a274f94ca6639d14ca036b8ad75e8c5f47b637b91b42506d1bfb4ac28c99cfc1a3759841936a8feb7870363c67036f1e8d0fbc00e758e3b0e4a0d87efc773a960dcfed1109956c2178069a78f05b85c6f28a17ab23e2e71ff2263f96fdecb734548c18e1b5d30f15edb806a9d1fcc79fc461b756762dca4ae370676016093b2ad37629d54a35efcc3f10b191b443812f2ac3fd32fc945ea33b5e9888c19cab47d9082757a8da87a4ed220d560bd3f50722a89a5b17f1407de84454654641cbe75f3344d3ee6b0fe6e04685b1837103eb656074bdff555d9c4f0abbedcd2eeee638b951648c409909b30531e2bc68ad28fb8ab6ae0279d97752e7913b513ac6941ea5011bea2133654f6bfdab1bbca2dbca7ec45aab79348cf7fc590b0c2cac92888ca1c2655cb8046e8df431884253d5e357f0a1027115463c0fdff394cd0af976c96aa89e5a25b3f4da9aea7d6128a67c572f1f94a40356bffbbda9b4506a0f453593439697b7bb4c627079bef98f52bed66a56266f80c542ea1d40c56d02c4ca1d62c2f1fc81248c1e18f4d949dcb2ffa19cb539e10bcc1024e1ca2be6d00549da45bc3f3128a4974a02af089ea6ec6c0cccc3b03523d9cadb380e1feacaf79cd9a923ddadd4bc3f5fb7c495dc34126997d7f4ea9b000307677e0238f6b8218aa55d949196e5f66d2809372248c3ccd5b40fc05430980bab92dc58405154ee98f637855985d15aa44b92bbf3a87eda4fdb09062a6d96cd7599675412d041fcbf44460b51da26479e1c8b1b16b38d01f82f332f2b8aa395bc56ce23ba76497a7fef6ac28a4bf44724fa5e5d28015ae3ad2060263ac22a6c017053a781e49dcb2c834c3b653a0c6acd110a6619cf20e6f70ac375040241d050b1dc19c65615fca4082de7a756405c889ae478e7dd32c0f83583a5b5400769040be89407fd446bdeeeeacbfcde338eb6241feeaa6ae52b503583e4255cb6ca029c09555a1e576998b6cf8d2f44b0047dadf25bceac81c099dac91f0b7578fd0f2610bffc1bb8a4a2db72e01bd7399c4d180511edf8ad9148bb12df57d5976605d1f812915dcd3a68c3f68101fc383d55742224cb8f5a6d3436da4f19796cb05e37e585a73db2db41c66316c9c7d66918388b1fd2312392a7948e4692209918c22de15038e12f87e970a3ded7e7309454476b0fb292baf26cfdddd807196ee353437c2e8178be808c71d796ba93972bde2d1232f216012d6121ce1cca1c5426df2c040afec22624e87f7227eff25956d9a0c4423189c763629fe14f9b25352e41b384b61234585f8a931dc746ad5215ad5b9e1ec9581d1f512494dfab69f5988cce236d4ba6b2781feb711b0809e60742bb8d72e542abd3881b35469dcfe8b6f0c4a78baac2f37dd2dc10cbe0dd2acdf78748464629ceb15296c54e25e92a8d156eeecb51caed1e8d7b33844bfce628e5560b6c77a206782819a0e7c6b3ab12bc4ceab4ab34cf4c79d8cd93dcb0172a426e36eb0bc89da07574484774aabf8de94067d57dcf3a8f87e4fa010b1779152cb13f169b1a6bcf49f31a5b6458d4045e3c02faa581eda7e387343f925f05e88e0e0a5f5aab652eb7016ff447c686d061268c6772772567582cfc10a5e1bdeb335557f77356ad3750887aed97d158671dac2906d3f678d9c758f9acc03d1e67bebed8cbf03984b3008f06cca407950faf57d8ab8efd3d16b2d0d691cf0785bb2316cc138e936da5f98bdd998847a43e922e08269feb3f4ddbe26eace617df2b6d589a1a8b8bea32e029627c48b7277e085436948c09c15a849aee836d46779a5a7faf5e25020decab26088b91adbe948fbebdb46565dfca64aab4ac57d8e53804d25e81889cba8526580ef5c2c653e42089f80f6d60a0b6733d8e5a03a1e59309b972425b67f54f1c2fe2fef74cdf711172b3da85818968ac1cbab924dcf0198595309548b1e065077fa2bb5d01283df9e3814820381485270ee1bc858f78253fea6b4116f569d2ad741d07cd619a3bcd1158726e1381e1680b9e4162b5c6900ac6f03e9a307fc461335471f1a416fc7e7f72037e5e40d1e2331fa37ab183eee8be02c17a37099d43cc138080c9d6b65f368b1ba7d7195f285225a59ffbcdd18a412898ac54342cf736afd386f82eec74c9550bef3f9ad93bcf3276f9861a436121f7ea7874d54e8f369801f813defa891991d4ab29da268ae3558d3fad52eed7a50a279ea346884383948fa577b2e7888748eef90ed1d8dbbca98d4190369b273740d7a9e673f01df9581d7a0e85ea24ef40a7b23efc148745935ffdbef723f7d351041f8ff57f2bcb97d686d1a0bb0d4f47a8d36b531c4349b0e1957bfeaa1f12c92dd8eddacbcc246128d833dcf66187bddba320bcc952ec09b3631ab211395799d9039fcdea711ac1612f70e724d2d32fbf2442c914e587b0710fc574f7e9d52aee26bc0662f38d47405576c51a7b23cc42fb54bf3500c46614d90c75e4dc20c71d93cdcca7e9e9fcc906060eb4005e08b825722cfca0fb1183914f6bed4cb8f1dcade0d1e59234fb522e94272e8799e105f239c8a75964deb4d121f250f2e0cc8cb6c6c6a3dcd955e0df7d6097af71145ef7503aa5fb48edb93989e8d72d12b680045179cca15a9046ac0c61ea42b59d304e0c888ec4ca1fc94c5e3b3e8c87de8041258971abb037277dcf4d1d9180169e97660ae179872de994316145eb2998c6e564d9d6b56d35607e021b32852b532272dd7b1c335fb48dba53311fd89f6b2a03619c8218b60aa34da721eaf7814e0d08b77c891239480b4cd96834e1d2ee53125ee99b1e55cc72317f64e7058a71dbe2e0641046bf1588347de07fa3bb704fecfdf9d365bfba6cd4368f3b7e0bcc6de7123ee00b398094892bbf141b5fdf92d54368b3d5ef89d47a8355d4257f1cd6f39ebfdb173d03f1e2c8b53c32e41ac523b0fc20653ceadf7a47907223e8109c2451b92c320bd594a9adf374d275cd526fa80542e945cf5efb8231e51e364efc58dd46ebca558f2c00b23623837c13e011a58c820c90368e8679d5a0da648e0f38579a77a5a97d40e7296c6b085fe9bc5d1866427d84ba608a6ae764a55bf1097e1faccdde338ce36fac39afdb86dad03723fed4530b7d31baa21b65219434001349195b300f813ddfc48df1692b3bc7a74fab55bee08a84c312f629a9745949b7eaf00722eced04f86cd8c2a7f631b3e5985ee3aae2ac2963966047e1147e78c61506227426e767863d0d6bcf291b3b4a2c7e36940f60fbb0bf96a2de8ecd9292ce7c8f36fabfb8b58920919ee01c60ab6621e4997e2c4c85bea9b86b862d5bf6bba8255587e9b51b1c8cb10f3404797ae8452cf20d91a32a5f8dfa410cac0249d6755f5c1b16006669e78737af722f7a1509843b0c8cc2d72e15fc0c5244a1461f780915bbd073652749276926c02855d198b8bc1d9eea6b4794826bc84a4322a51e765f76e56d165abea6f3c36b3a25aea76e8a37daf925edba9d9f24dc68e2c9097f1303e5bbc16ec6b060a361e152913e622f5d2058afbef4ab50de73bcdf3b2452808b2f01a8a524657f516551a38f86126e11c836a6fb099f7278f24dbcff0fd732143fa4f2257bdc343fd3d185e139469e2f0bc99ec2181aa396b130a9ebee5c6047f12aa3ff4d72ce619002d9d9322784cca58399731af26382457ba9a229f9edd30cbfac26fd0a4e765f8be061d75fe8b70dc44e6b627033d85f65f29cccb544acd4fba2b27c76a2f88c3351634025677918389dbee41b36dfba27e9623bd7355624c38ea63480a9fb7e642019aac8b102399d1f33d0e76fcc9ab278b11fbff938ca3dcbad5ddd72aa3f18ee353216d76e7bb4056c7f8619073fc09126247bfbc43bf535b1ee7205b4aa97d19b5279c895b1474cceddd18a4378ec2f32154f206cd979d57620b57d8ee10611410fed6564079b84f83bfedf44add011e8d4a881901d35e095b30eedc3248e5feb13ff68725c2141d8a9a0dd238b31cbb395659013869023693a69f76d6fe0d688763aac5b821e8b639246f2c8d4bba2f730bf9bacb58ba4cdd60300f42516e324ecd3a9b4432720672a036d64cae2df570b521911ebaccdc524f074f9f40a817c1042e38ca5d9aa45fe0f7da1333ffdf3e86ede63f93f29a27dd5599e1730c0cf753ba0bf05e7dafacfc0fd8e54bc401b8335d8a71d3cdbd91b3dc68c8f2f1442ff2149e0af82e438fc2db15aa3361fc552f3d483a518d282ee65e3a606d39b9ab2a51df22f50d66157458d9459e16a08a07a5ef19c2af58c235a760c7860c5369a870cde5dcdd15718c394ef9ddf9d0fe4c89c048580c6b6a7084641de084ea5d8899b5a3a1e76cf97df8a3c8142d5cb88696849149ea4c92eb16f42941b7444931eca4f88ff09ceba2c3f590ee6907c515a9aa95c25d3fb92b5aaebc0bc33cfc9ecdab6e3d51461fa66954a51a8d874fde1947f40a80db0614deba6c89abf2c8dff3e49d78a1c2b7bea7569bcab09dcaf44621de6038e05b05bb8c8db96d0df24d57489e99a3e43787c660ad6e80ccd6d305ae07d716d287bb68db40209af42fddf622ea8423f1de7c89377e76e064456c9fc4b06e32b0ffa89df4ca25b79f44521bf7f21b338616035e82e48ddef2e24d43d0095f47e2d6ad438d04baa4163dd2c1ec094c27bf67177a3b0a3d852a3c1dace725eac09425ef9565e1331c8e2877ebf4fce6f20bd3f35d821e978114ba1692cd727d717032ee238d7a216483e1bad023ef0fa21574fefe43df537e97110d200b8cfc4beff505457b9255efb8067c3357dab679ba84db85d33334f09351fd1f4476e4e18a2ea12649756cb22db612a348c0503cc0c552803ea725978e114f3aee8ad2501aed0cde5527d4e86bb76a14b9102e3635e712a3d8ecb7d9d524fecbeb9fd2dac6ce49458d20ec4e9b8667c1e742ab84a03b15b304b6087007089af3a9a85b1c024f8c4dcb2b3973f31cda45cbc48cda7f6be03bfe41e9f12e84e45e10050d5ead1941307dd70ececd855b141ea81de58aab00db29f2b38a3c5e2810d902fc0bfe5cb69b57895be50dbaafb8d463b5f9840ed55ac94031adb9390ca15849fa1e6853b2d512e5998e944a90efb0b6cc0b907c70695265887eec41be3483674cbdf63dcfaf2fa225266d3c29e6e917e4e6a0dd68853c8b424065226e3d50162bbe5417bdd0745576eb3371b5309e9ce2d2be6cb615e81db4f64188181ee65a22a79e1a2c63ecca23a800212f3e38a740f0afdd130412f5573c0576df7f157d8c9379ffc825d19cc1c2f76dbd417a20e3ef9e8242e2f7fdacee16a77e390fdd493ce6c27af7e7aa6d22803820da6f60bfd95882429f671e5ae0174ff33ca8cb21b0941fb1a0f5750a37356beacd1247cf5af65bc8f5dad5e0115f8af43f82196a1f78436f92a97fa8c6554c838e8f057616f8b63fe275aa296348cfc684b860fd163c1f070dd76e151f074a82cd6ddd1ffd104228a03bb446cb391c097e033f8d70d0b339667d2d2111137c51fef34bde8567dbda236eb290ce7b1936205b5af5cfca6999e4953e1a53892cf58fac8c5dcd9cb0536fe71de5db66c1ca7d3815ec45f2d658e4642d1bc5005bad40f3e065b7dfc39f46a87f508179ac9de022f6cc240ec8677ca761aff3fe1ad6e77befba3d04ba918ca56a6e48510ca0a891e2b61009e2346b81ae311f4f4c1150c5b8845058be4dee428bc109ded4976be13c027a26a31f4316cb9e36643547f2996e6dddc0f7577236525145de64b6d4a94b1f58cedc9fb6f4d055b0b61e0fe5fc42256248e8a0e705d5dbc21826368dd8c5f39799c8e1055798538af8cf1d667c7747b5394e6248b66bca1bb86e7f428a2a4fcacb2966d23926a38111cd8cfe8b2c3fe9d1cce316cb19ecd71bb2edcb2658339ac764ee5344947dc9c63ba011837af7df2e41ebd056df7f2f023cc527bd255d8b40366f4052b20b1f126c9dc46d7e1369902cdbfb0b79da77e51eee0861d83273a5e2760bffe4a142a6c34640843ef55e9bec231ff278b547f1020feb3c95b67132946e799d24be40c4284ffdb38868274e1fa836ed7ad9aececc3794957c9d627413b56c5b1a82b16820333575f24162a3764ce4b2743ecbe262071fc5bcaaafe76a8ac936f9545def87c64d2af57893c1be30c440977b87829392b52bc4f33a7c420898693ee674a4c2420944371af5a44d6ea6a27ab7b31252fb55452dad0cfec39f461adda362cb9bdccec45f00c33fae27926cfccb7df30a306c7a0a1bb058a7e96864d79ee8ea125d4656e5cffeccb2663fe10a317dc8c862e783a7fa8d4f80eca0d44c9eb37e445f31437bba3886291ad1b16e24f2469a16847450014752660c926964063a63d04f39705e6fd0d91d5393af0e517ed083c2f19828cc8f7b9f5763ffb3747c219b18a5395ff85a9157b299e1f2626ac8e1e0f48c9a76d6fd34e905dfce6c250812189258763763aa292eb311e818b1ec96dfc0088fb0bbd7c6692e364c4e511e392d08f8dc21a45c0409bbb664f81b4fda1c72511df4327363c4efd67b499cc01b4eda1f43cd32ca0726334432d0721def3de8e421c12d9d7049e66ae28bfa5b580687a43997c3c1b4df76a935beb147e1b3f321ee3dbd9ca0400358ceba290516e2e190c2526ca5f3c0c14f48b7eee344b8c6460b40d41756a1b815938e4c8b2d4d4e0b208bb9e01520c996c4fe280da07d4db58b770ecab86ccac4ef3bb773f57a5177d8c87bba2b244ccfb660053d292f8a4a3974c173cc55d34111e2e02aa1261fad0378b916e98aa710cd2cd40aec88419f426af9d91f9f6c4ce298f88cdc084c1262784bdfe2011b1c034f0f498439f5e0e89cb9e5d69de49811796c92d849d684a7a9a336a3798582f4f991a17f40629d07487a4411f22c5769e7473f811f196208863f9d6110e9245128e3f55dc05a3572db6f89e3d2c9f209c2d6314c825e02c2cf30e63f8ee68ba918a461cf039261f6b5b0657d8bbd9e2175e92818dfe5290fc785534f7239475aa3496d423d38f448ab5e1cb95c83ba931502dc78a0e608500526c2ef0ff7fa5e913690c1f2c8e4e7d9d37c4b1278f8c67174ebb41fd0ee99a6b67765fa1e8bd17695c572426b3f72481205faf96c8a788f08bbbb6420a8928656541a86ec5a929db37bfdab5a754f9c4123d743b97892acab0ad91378770c23a0b3febc84da0c5967ce57ffe9b9d506c97c81edfa4b202d7addb41f077be603a24e32304dddc0dee31b84718888799694132386bf479f29cc20b0896284d34cda3d0047cc98e76d544864319c9b5b3c5ffc10e2bed802456162885b2df05a46aa724c33f08b4218349880843ba41f095c5d9d7b22ee96f4be2bed64ea7000b3d60efe0584f9374e51f84944f052acf08b2123c88e853adef7abe1e642f74626f180757db13d696936e23e602380ebe5f5f9a5151e9567ec495fd3e9674bd615ab379049c22b9e0d23782da208045893c5b3d76b01af8faa4717b5e3ee9a344980fc18267ce053b9a6fd456926252c41bcc8461aa47d439714986f7e674d41a32ceb435318094ca75294ab50f1931ecd92997e32c6b946dab71b66c436407552c085ae7fbed2d26c3d8bfba6bff0c277710edce92cf3002f34c22231181f03249afe2f9b746c82ad161c934dd152804d3ef589588117e3a825aa38dbbc2535dd6c2ebe9cdf201fed4de2227c40fcc61490b3e25f28f9daf84396b0a9c862f5c3540a6f1def23c90319fa5625557d21a9e8b1d670edc81fdf0124420a9a4fd58b2a3bb5713f57b027c9c84f8cc77b46f642f5cf23c342ce2fbe0a7873a9f5f5e0c95b14dab1383d9690f1f512bd408f9185384b53361772faf146a9602983b1f02cf569138a04e97774432baf64a6d722fda7045e24eb36ce718d9f87fd6bf6e103a214bcf931e1e108f44eb65aa731219ff9b20bb52dc8266a7b7a52efba0540047d53198dcfd82a592c1b21cb4318d8ad0a42fb5a8207082007c53bf7ee1089ca2c5d9f0bcee55ef3a60599c7a8fd6582b5e2b4d954ecb50ae7162fa1b43f8d92b94c75d784332213dd0350e176554065b4752d820f9e494b8adb7ee9dbf2ae73d6d0eb7c6ddc8705cb7be85bb3e746cf62295587fde801f317d85ce7330434c3a0b149ebee46a133bd26bd1454a3d149860b83587c46414c7fd5e770ce33a49403377b8c38ada22f8be97d5de268da70c32dbd9ceafb2433bf565fb1af307dd2a02335c5e29e793a79e6e0e2c315ce5d9bfcb235aca9aa3e6624324cf1f75c0969c0755348d2aa4644dd29dbe29f3252040a0a53ea44b034218379211d789ff0fc9c2480962ffd495314203b0db06dc505f8b020a4bd318d5aefbe739637daa4f7d38e74ed587c4c8ed62f0506ac63583c04637280d9d3d5299542b0dc055df390a31fb6d0c3c0f8a2bd1ac2780e07c016086f5d16f5d8520cba
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