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 5e3b9dc0f62f5d62294cd8c582a8c7fd3841ea3d46f653e16d0ce0c7d455a1cbbf1551ba32d47b97e3ac942c7b1edc4392c61ea40342c195dd3c29cd31712a38293107ba11082c9abda94fff2726e455ab50961f56c52162526280bb8772069629079e92912115be7c569661153ce0b7ee32e768df71b5eab617e90ef8760cc71854501edd6c7c17c4f9b58540325edc02dab23c93ace3d984a14af5ca48f707198d1b1375ff77ebf584158d3758bab3fe4d9bcd110ac04e0c4a81df5ee8ffee14da202665fcdbc6fbacac6610e8aac10afdee19d9d47126c81028bd2c844518761370ce0c832b42cd8760786063dee260e9ed49279492d0b8a824728feab28c234895461085d385d3420a89daf6efd1aa40123929b86ee76184511bf9066ae1af5a29ceefcefd5888e01819f66745251a9bba0396693c8f8b78b3f4653cde125c429cfb656cc7ac8957ea7c717115c82d425deb23377578beb5bf077ea58a1e92fc53041d316e9789f4e0e4ad24702a24d775a160bf5900e8b79cc6d38d4b7fdd3d518d9bf2370d53889e18d0cd12020d66c820a0b11d879500ee2d281079198a475a062d027eb5ac4494ac70efa874e2e3b5ab2aec6800e3dbd680787cfd49306d2826c338d4ad9f8fd12d619e31a64aa51e044c7aee12d91d2e4efcc8ef6224ea061042bf1edc4f2ea21cea5d1b04cb4b2c43224e05ad4a67da77cf0a208336d3e59fc58f9021ff9ba8e9d5068835d5fbc5253e1ac2982cc8bf7676bc71cb5b1116a2370be271124683c09a5f4fec83914493fc2fec88ff73e98f21a13761ed10cc6370445605942079c026d631ba4353e5e08713fa023a980b6cec50e54e7b128303f4b037972df004b469aa8e3961a5d020b15e98363d2f7d041e14b552370290f0307123421f7133eec0b3982be28b2b5379d71083a31c5612f898b8b4065caf9445fc8372c3bd2a77948cd0bec82aac3d61bc089240e5feafbe87c938fa61b1e293e8f4f2f21593ef1decbfc70ce74338a77dd480b63bccfe896025421bdd143f2daab75b6a6d2dd8809249dfe57a81644712b4f6feb6cfa77f38af3d91d6f2a5c1db8c87583137c943d983e47be41bef5acbb5af6d054d7851f52ce27305ff8461f66257279c9c01b0ce953d9f0d09909fd2553cd375c6dda6c129dd49d804c148430ab910b7c998e6f14d27845842458e56950b6b4c5fbb17773c276022120790f62223005e9dfa6df783fcb633b2bbab27abd42e81f47d21504e6649936616083a871116d3d8b571f6a655054fa41df3ac2598652cca2ed345b70ae08af6fbc80a070741b9d82911dc42b7130cfb3897476686b232e149d3036ef079f0a547e071662f1b62b2c4977ccaac375457c84039f4737258baf5c031521059a56f465905d31874abd88cd8de90c9596b22a50ef16699780d8eb99cfa8bda099025aeda388d59098ef4a79557c09de970525ea5bac84f98e51bda617d1e767ea7887f7827555ce8e68e909dd6f969b0ab88d18eda83b95af202e0a10a7f98366086c8818fef595f621d91dc99986d9d6aa8ccf20e2be0a02692f3cdc7bd98419489e46cea4bb1d91e8bb9496e55adb1ce3ecc563c73c33efafeccedb87d648bba2dc2dab5ed8730ac16a8b8fa29a0718992169b15d060e67ec59f566c92bc15b1c02fe1229cb4c66dabdad03e915f155334852eb35f76211b3f0681ff0b932212338602654498ebfac7dbbb8eceae4e19b18b35ec6ca1c96c38dfa06069483d89f6bd61927783676b5dee5a3ce8d40fd8ac340cddd86a1f4ec077457821b1b0a0db98eefd38ac2d5fc47d122ccfb5d84357cc32ffd3a44943eb439b0d8acaf37bd163d8baeb50743165baf076114dc5cce985f1a6a011782dc25624e02e8164891230e63978f6b55187e1fdff19932fdba99669d5f757d52e65ad9eee346e814d1e463bdaf2d043853b6fbb4c7ba595ca1cc32a33fa0a024ac4a60d7287fbeb3ce9f7f83a04de9747a9c503790f571259056f0d870dbcf51a046cf80f8a7c43f38c56cfb64044ef1e91238d10691d0535e3f37d579820dcf0fe72f367f1c64af3a1eb15119de91687dd9b8f77b71097643273f30f63085c2aa41ae9f650c153b4821c11e40ed03d7a770ace0f33de7549fcb262a3d932c8e1523a76413839c6dcc6befff8fe47136575ff98d28f91252d950d98140ce3fbd9ed1641f8a7bad5154a2e633951bab5c04ec2e6d38ca925f2e22eabb338ced5b61a08b585e238df03f51bbc13775eb44328bec54fe05207d70cf330b57848c6cbfb2a85e8bf36f196a341d3aaca3f95ef5ba41ab685149b199fe1e97f06380824b9d8f539f3e0b045caefd1568a92a83dc181383adda24eb4e869a93566d2c30cad396e7e0a7e91274d37adaf3fbd7d746ad97d386e1b98212e3650125d86d05220c1ada8280c4812fe375d8126e9e86731e71326b57fe8da90d48f7b9607b9c8372f09bc02dbf925d07c296d9126b208a5f2c945b657acbbbd9dad59424a14ef30c618a164b4b7e36aaff1c95e241c346ef1ee00de08a51692038fddaa9b7715fe3d86e56bf75d219c04c5b7421fdcc796f80e16b585cddb0ede8f7ed32289aa1aca1155d955a54c25deb0bb8907494d091341ad75f8c6d4e57809fabf27d8544f796549431664677b8141dbdf10dd2fadad56cff09728bf28ef36c8d55fd5f24ed333ad12aa5b9d0c5a93792a72b203756bb9298a3cd2cc40c992eb2df64feb895b1c70598ce5463355dc0e8dc010212c8e011026a4cfd988a1e0eade8814bb4277d042ab73a16ecf1025c84228ee124719d9841c1b7a756f9f6a02f174c95fb6136445f31bcd78dd33c4f08ecc74a6738b1205ca9e47714dabe15c18b2e00d8875e82721f734a1ef4a3c54a39a32742d48fc42aec41c975cf5de8e5d25345064f2948f8e4d1267447b455da20d681c7a262a808c3c4870e0eccc0b9c90ab577f0925533317396a5842b84076c9e74c601475728c411771f4d6d0e1371a878c1c10c867269a2cfe5dde5599d70618b4cde6408ffb2f701f33016a8351729e8d6996f02b1415dd19c1eb467e747453877f9d95265206a63582f554ee628b08553e5b35bd5054888559007c6d4fcb8cc162225061b9a201298573aeb3fb845bc89835f966efb97e852e3693cd05a90875b918da64a9aff24068eda969a2b99b0adbf8555cecfba64db6092f35d62374d61d6ecc791171ace73efdda9fc6241c9d8141395c299a41be25953af23fc1c00777a9d1c63f5ba8e37136ffb9f9673f401dfc4e0948f4214b134128a9c4f0982e1661c8c3b72027a8db110f857eb5b599399bedbf74a15c37e25622959a470076477b32949083fb7c0e8aaf65f9a02de5424540d1221a2a185e5dfd9e92cd1f59b5952d431cafa284b184911328fc496593410f21099bfeba92ef38c654002d89fa0114976dc39fc6bf5f3dc6ec1e33a979d0a3622b9413783de6a5fb208ba92456f85846d5702477ccb0928553e7eb5d6ffcf691075c46757729faca891461ed5a7cf66c1c5f0997ff3bebfd494b6200b870b5a641bf694aeefcac417d1667058d69bf7b011dc5a133e2530fb6d4a1a0990b1990c2eaef6cfd7cfff492d9ff67fd5d9cd23166537d8c0ac60e7a4b19348199388ec76ccbe3172ee8796771f7383a2388c93923c3c9b41438f1a4794ea47bbb86eb1a2f04500bb6e24dfece2801eb6aa25765e640ee25b5b73733f5328cffc18f696458f93f30cd7d733cbd49a56bd1b516c003d99949caacc721719246e9e7ac5b07217c7281cf8a09541563f148ee28e3cb29509a5ea84f992bea904b34a16f2c3d365a82e2b58d8e6f551957dbdeab60238b7bdd7edc49d827de831346c4eea0cdf66c6abbc1abb411e6bd67576f6a92d346b283429be97169a8d16ef7b85533886885eaf050f9585e9a20ea881cd7674232d8d20acbfa2942bc3889d053722a2e15d3a8ff5aeb0be3b3dca3c294884b987353fae645c9c182526b7f9ce532a874416f5fb98b1052c7fe5cd1abcd5c6228839cacd16f2ba523cff0b0de5d24a8e58eb95db7f19e4ffdd7450398d7bd1ebca7719af367ef9c30415af4fe0ae9ef641a995baea0ba4c596d5f62b540752520c92206a0372114a25e6c61d883c4053b1838b0510f6181e59a7df428de0941a5a00665b969492f07e65f8949ed9d25d427d438b1bf68bf5668621bf7b4ee49c57e6ae7df33562ffc6ee9c601c6cefe74b8ae07014296d764c5c383141ef3afd1184c1ea2e2557d1c6db4805f51f4b7a3557f26e0e25a4d5057794582932b84c49195276f848fd6bb350d9c3707f3e1d0f29dcd3da0f36122719b4617cf9e2c3df16971b1fc6af9fcf966c6ae89702b25c21c165af573dc6d186ab91ca38e5b40f94c5cf5ac3bfb55fd5286a4f6449586059a6c09022d8ba06bd4898db2615b75fc4a4961b44b007511215957988e9b97f7b92c1276eadddd848575df63455b5742b8c8ad666bfd810028785c3e8b0ffec0c9f1245e706390ecc7b18bf3e746515605c1f143b05c40dd134d78629caf6f7e677db900879a30f5977f72b84235c52414bb6e8c1c53134b39b6e41a5b42000e2ba1b2403809c1bfb62ccc4f364efec42885e2f29e3159807b1b6dc5f0621707ecad0a372366106c2ec751349fef37a347b47be5a1aec40054537107516d407cfc2f41a72d7753420b6ba9e7ee641b0c7ddd3f62f87a09406989b4259e137b53730ff26aae6508925796b3b08a191c6dda72b2148908d6debe5f57d08c2050029a880bb93ac1508d4557fc0c2a7919b782ee695d2fd6db0f67615dfc776ab8ba6d51972f4ac5682bad3a074265e3a383e2d60e7f961ace26964b46617c4f80f2f949fef31bb4ab67c98ebbf09c4608e9cbbe277f99a3c3e3793110db8999276faf8cdf5d2bd5f541c5b40f3718bb713b08a9164143137a3f28a26726facc1076ff8d2e58b9f7c107d858665bb174dd64e416f4aeb18dfa511420ff01bf09116ba349dae28a2b738b7ed408c74a67aa758bc7bf1fd111cd0718a33477d4fea1cbc9772e2c1d2de127c2be28af3bcb8c283002ae3aebe427f701cc036e3175cb30308318700fee55de7e437a5f6a5705f13a949c2ebc0422557b674783aed600136906e4e83fb05e206b540ceb90337d182322f8b7e6f93e5dc325ad77fc8f392023ba705c8943bf247240e5f44a3003a30bf9d563bd42519865cf637a43c64cbcb16793342527391662b5e2bb8492b3c08e5d6f37f6240dc35381794d85b227d701e31d7d4d976b22e452c605ec9697653cb3d929c18d35f7cd9039e2b4b4042049f9712faf7b8bf7c816eabed4af14ef28156e8c93ee74ddef2652e24fd1c48c3e61194e9c18bcb34d73d633e9a93e4819983654c1fa635978121b50a96f35eceab614a98602334d9f653566142953afd9d7ba119d4da9d9f648588f78f7df03fe051462b58ef94a9e271f9434ec862dd1db997e9475350e60fa733de3bc2b78a367193f1a5ff1b431dde43358b3d667c52ade35b05e94eff716b9d7e259f720c3ca7a181df1358b5637c1feb444c7631de62c6322af13ad432f216860e91ba5cb735d5f8e4c5df518403846dba8b122d8b949e578ff583858794459d663be792dedef71b976b3d9b8f3b82653241e90f498504dcb6aee0d1fa401c313f0cd4131ddf347cb1086a97ad253a69a8a63e653c52a7bee9e181927b7ad1154193eb6721419147728b416217a3b325f4a03987c4894cf13a58f703435e0e16669f2ed206db73253e67fa517956ddc30abce38bcb95263f02394f0ca3656dbb30ae8dc448e82190882af157f0f484157864135738ffc635d696141c9a0b872bd24c745f055d45a2133ba39ea363807acb1e529b0c3cc2fe4329040328b15fb69466f278b9287769469a889a3a6257e61c18ebadb0134f14dec569f8d8a7f1e13cfa74f0dbb683aa09dee5feed6aa7d5d43548bfc57f445725ec1d9216802022ade33f15ae078c24a001ac2783ed8b6c2748fec8337c4efa0010045840953d0e87d3376f52796fbae042328e67c55f9ee7ebcc82b88840cef713fb8e1c70c30692b50781da3bd1ae2ab4a2da81583399291110c607d80d08ba5eb0fbcb8ebb32ec5526eb2a7cfae8d659c47947ef292fdf48056eb94de2b73a992456671d50df72c2dd465a5c95057ec0b77d583ece5109ef437c46a7705228bb1fee0351f2cd1bf9ca78dec59172a03aae953bd158efbfb50f83dd1c1769f99c0c921b53ce70ec25d17c4b55e87dbd4ff976e3c1505f2a89804c6dc5376f0e088908f21a8fd1ed51e8f829792f84034f0ea53b36ab28609ca3de7ecebfd84e4279523ea12976f8012836eeaf8e2ce0675e7a12a8f8bd21721dc0142c19da828e2a5620d71e324efcda2a5612fa192957d2959d3cb9207dbda49c8b2f21d230a4a7a3297e4c2c8c88d7ca498b9990c180515741f3918619a8d872f73bc2f45ed8548a01e543bf289ca355d493affc661e9fe1eb475202278256580e1aed52b40f67bcbd928a8aa55b8b3187a2f9dbac657b2a6e2c3dd9d9c1968708dfd33194e2bcb55bc712e70e168b9f24bd63805b7b1a38e4746422c1ddada65c555c13601e2c1873f48486a3d049c1de7580c264310b3c4659958ce3eaf8a8db06f8f8bfd7c4d1ddeb6030b773dd858406ba2ab2c8fe0359f3ef715a16c24f398d43df24d617ede1be82a62a15a38caa6d32f4675f052616b4eff0e39027550693ae983c9e3d3f2074b5e71194a2c532ab0cc556072521f939a4b717ee5cdd17edcf448834d68a2e774fa67fcf7f293dc2ea48fca9584ab4b5171fe52f5cf3c34922f0cd03e08f244796471491ae8721107b83236e01721e5b761645a2e7415cbc2ff27ae85d7a55f174e5acec114f441fcb9d56818712d7bc8cca754a8053d7cb43efcf5f6c178447cd5434aa0a13bc6df5067af2bae728f81c0004b64f0921a394d5fc1e8fa627609746bdd20a37f8980a5483d7918cc23ad235f0f84b3d74887280c768c11c2d19f429c17a5ad008977731ec3389d5ca275d679f5c0ae310b5ebaec6da3321bf9934b1866c28c2d3866b39f35102b38b6ab7e35dcc918f65fb221fc2b8ada697bb779c8669e31c9d840dc6107a7aea49fd7ec3e0045a3a6d40b9a60933fe0892c48e9b4ce463e04f0a2980abae0eaff8a66696ecdf7c1b85af17060d56a2e5ca424c4c91d527de7c6507d387ddeac72f979f0c7c8bf6d0c5d618394b94e82d62dd3e468f6838c7bab6aae60805b01dc068c744ce23a8febc48845c0aa9247fcc25d0f76c0fb3c3096d5187f9cacf80240760f104f759f585a402a5dbcb7d13867c36de274567db68a4a26aaae3a2e1637bf788f60a624faa095c01f02b967077898101a351f77f1868c36eb4a0699e6edbb5980d8925ff49ede15acac749e77d52ff01fd40d1628ffdafe9c99dcf43308c8024c7b990a85376aa9764b0a8f7d2b28b8088ef0602d8d9a2c906b2a39fe4ece3cdaa9e8ec410ae17d0d0884c4196f9c6a6adbe8c637f93b1191338584a6023936a80aec9bc6cf7cfff64ca4ba47c90d64ffe37b8c120b4df142a538951e39f25bde83eae191b039d27834115613b31766780e1cfe80044fbbbcf80162e48bd691d153d625e9497474a818c9fa8f0c49ce6f04e6129cbff386876298265d5c47e1842836dcbc3eda6d06e393376bac55df3976e5b5d3cfb9878ab852da3491d781b42fbc6efa5602eb7a128dff23c4f6630b9f237bd06c013af1b869d71a2ff55bc067747436a171d4c68f07ff23fdb0f843fba98b645e52dc07e9e3ed34f637b37d0e2dd0bff4e7f214145e9e711d3bc8a6ccb150aa221205d0459d1372dec00238a3fe3ebf776141fdcb8b2ea8f8f6e8df0c19b59b0789d8b9abdba6895d56cda625147917153655966a981788aa6223e8f10e430fae9a3a719e2fb44c389c85633846fcf2c3c1f49dda4bcf545bed2a99593f71762275e5174d451f17d27c78134d77aad48f58e2960f994bde3fe92092665733c5b530994d4697d53333336df88dbe26c898fd0b8451b12bcd88e53b26948b258a5e180204a52be0236ce31679c67ea388b957236e1b50d6976407814ba9a13c23be48ea24ddc1be23ecf6bd8b68d1d66751a34980b53d7e28200d2e77e6bbd25e9b3befa1aca1adde6dc1eb926b1ad016d1549d0318c30d054adcb0e32040a8173fe55becc577e70ca874007aacf24dfc477c17898c9cd91535e845c4205e45e63cae4d46aae8ce772cd09f045393bf21f1f9c50096941bbf1412626d1d0eccf9881050bf0884c95b797846293d4b8b81aea2899ed4d93b310302d613698503fa43ef6b5949947dd610e1a76427c40f458e555eb0f2ebfefe6998d9252633d95ae8cb529afc9dab1ac4c7aaf17d7e825d7dacdb0cedf358185bf9eb48c7913182c6201c06278be24c3eac33ae48f9a655f8040f4241e44eb7193f9dc9bb3db566f6d0d65646e3c6fcccc345228316c2e057d8c19e534ecba487a9132fdfb25345bbb6b107a041a95749af6779a15303d6bfec55690ade0f6a7c26ed72fd2ab08d933c266d7e9fbfda06cac10f36e0ca1c7832e5cfe4e82a2f9351fa3924583983f84f95d0568a1483bb7bc09919187c196d52443955784cf616ab02b40cecc293b73aeb4e22ce28f4910c31724ca8b5de825a543dab68d4b4eac403399af6c4cbeba11fdbda836003431e31aab2d9070b468a50c88ae34cbe7bfb183b6da66e800a14ec035b2f690afe636bbf72f9784ff78ea6ee437b3fc0eda27796ad6b619667c5d6b0e1bb846e4cc246248fe572f05f1969203e65b7413b7cc0b708a7656b6b643a58f02c5bacb16f86c60c73b3d7385a916ce0f9a2ab0afc54d87155eac81e5c73a10e0e242e991fbdcf38bbe8364f300a77b85cd83f03ed3b8755439dc2ce47c2363761af348f1d01554d3f7c0aaf9ab5b9e53f6178cff77cea3e2ac7ee161a436c43afb486ee0ac3be96de011f0beef20d2a4b6949a2f3a07db30f3332e0cc189296b96e837aeb2a139c58e3f153ee7a34d192346fc2e8fb13329ab49976bb36e5f86b91e14ad4590c24205315c2eebea8654bcf48921ec25c75f233fd2ea99f64e59b0ba12c366635ea819ae9cbaa2ba64fbf0e8aad5b0cb669da21b0708d613d7ea75423dc42d6455710a3644844e79ad2cfc629e34660903659bea2765dcc29f4243cbd0a8cd94099ca24034f56c58df48fc0e83878afb120a43f7ccf216e0e36e4eb8fb29eb4566255f9057825c2718f78a1eea67ed313fc0a33e7f51ca64f97e3bbb47e2842d407c8802bc552592a0ebaa2660d41d2c3dace5a24daab3ebd316d875e0fe2213c69811ec86017b62a93bb227b93a8e1f3719e7318bffe36012bfe1822026c38e245123af395e915dfd6612d69d8fbdda7fff9dda0c00d0202b12ca9d728fecee826874a1b896a2b6343117d28b36a86a6ce9de3b53232b3309d934055e93b72f962337695dadbb824e5ca2a02ec2ad3d992313edfd3e9c9e2e26b76ceeebc4f2acc433feeeb3a5c9da57f2dc9adf3b11e83be8235709d727f33fe1919970f97bf348f44fc6b36c7f336506316d3124dab255c60419eb6fe3fc622f56b38cec3684bb9e50389e0ff0b797da5c1bc1d11ba79d5f3
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