Adding social icons to your theme

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.

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
b150b30fb3e0955f1f9e9de3446372e6c26eb9002a193ce2477dad20efc2964ff887332535cfee0a1bc5ddcc09f57118ecd659b065607f4d864fa4c110c766d0ef2a1f039f3c7202a0dc5d5218868ad7e19e9d4089f66d151c57808a0c94957a58b7753d9e7a4008e3e085fb180a50349829ed17fe26b4bbbf3d5cb59fea7ac2acda42a4044e68036270d38a3c281588624e15870026105fafacd879d8429aa3c365cdbfa19d420e081e8caf567c68ce11a0cb495d5d24c0cd7601263bcde69cde7cd1ae4907b1ea0620bf50fd81d40b9830f53b23d83ea5d9323b03502ff3da3b9d0762db2d9976c96b95ecf3c5caa0a770b30da99b8858b97eb9bae02aca64e2a939948a5bb6b703faf6cf60241bdce1ad91f3206bd4b82ac063c5ef5482c6ae3673ff05bd9ddad3f512d94970f9c4242b3a18da37be6d466c028d0d14ea637dc64723f0f8109ae5e0f5bafa47afef6f9cbe5dddbe54b40b83af3df8c2f1646b27e223ad374a6d4822b752c2486918e9938c4077d6170c6ae714980ff8aa6a9a192dd33464bd12d86c9a5257ce8ba8ec0fdb117d6c0156c4ece6b38b0a7d5b65b2a8304d7e67b0a762da92f0aa07deaacedcaccab9062758b0bb841c0f43f95d8c82289b3758da2530937dc67fc1bacb582c725732671a2de7e6ac55e4dcd9eb17b518ad90da650a3be1491ab978cd814ffc1d036fb4ed61c20a95f661aa77c6fdee91699b030443864b2ae16a95087b94760d9188091d6cd4e0181e2a28b250d808059d759670ab98449d73c7b465b5909179c67ec759dc3121ac12f99c951de53aeb7a33934d323bf67ff4e49f31c132177fa208a3cb33d5c686dcef27a9d1488c1afb93e59a3e884f78b29dbb90e8eb8a4eccc2c067359994dee68567b45eae370f21f26a8b480c1ea30ef1c3ccfdd1784876fd9e25eafa16aed431db6fbb9014f162dd0192efc855340a17500822abc9fc2843cdc5b21a3955ea8117c02324afc78a1733f25d1f0c43eef000f317bc3a0eeea0bec2911eaa0d5b1d55ac6a06c8bc8c81ac346a400db4a230ad77fbcabde85dfe4acc5b49d05da08b85bc89317ee4fc6befda9b8903739b51e20a5be259fb8ec2173757e13a3dc1bfe7b914a31bf9c31d994bcc631bb589119148a416ae38bf459b67167596a25e11d500d03a56a3a1bbb2126b1b5aa412d4c46841a89d588df931a821126d880681bee613343c4e4b66a16c0625d3dba5e2f0d43c43521b01a4ce3512bd7937549732c6c7c002a8822a6977cf874ea959d9877a8494c4cdd436f07782bddf2e8ebe12448a23fcc09accea234a66b4345af5650202230802ad8bfa9cd8c3fa06c05220f3fd42af0caddfdfb71312b9824cfdcff4bd2ecb924ad1466c8b872743cdb0afe3b891077a31777546b9ebcee7a090cd083e0b463cb496a7d94bde1a7cafe221b8ce01cde91e0a0f74789f5fce59cbd5ad05b8dfcfdd70ea78678baa1cf90e1b434292ad0ea42fc744bb399c677e9ab9737f031b01f32ad6166211b8ffca73e13b4535f21b0a77ee4817b2e4ee12714289b6fd7b58365f4d3b19b8bc172672ea030144053c6dcefe8f8ff54bc7ad2cac255df5ed04f8793a10734175fc735550f0adabbef4660376b068bcdee650c58cc7c1c783c1599cb4d70fd4a5c1df18b16c9a13f865e23c5aad306e5dc2fa9c839031c1aef9f8c0ecc453f08cdc0bc903b7e13c563f3f16a2b155227e7010b11732dd2c07523178b7de7fba49863d8e1199db7e926624f632c9696badf1f75b7ce5a239fef706e7bec1cd740cb11d44cb7279f03d17a458d22e1a24e0a1c4a8ff427e653068fdfa5379f29c7c649ebc88522dcfc13ad2629f2530ba869de387434e64051266ea92f7b7586105b28584ae005068753a9459b6b73a831d610bc7f944d9a5d651c33385e3e64c2a0d3ce63ef9df446d6710f1505c7c994c230a4a3b5b4baedebf7c6ce10422f8a830f520f23dc6a1d7595393e2864fba50ea57b823d7937dd215b8e631109d908ae3fa4faff0078b4fad14c96ac018692e018af8f04420f61e34b0b610c74aaf9a0f43922285a70bc3066a78ba7f47df9c64dc7035264f1a4617462c5f1367833b7cf7526df8bd3d33be092e62fbed0466ecbbda544f7e5d5d57bab46a85a977389be1420d5448640ca7713a590aaabdb8d22a8aea011f1fc1c2aba74be6011c41c891a260f91b81546d43913f1ec04b1ad3d7dc15f34eeb36ae26690d0ab1ef0c79c8edd9ed84bb3dbb723a175c6bbffdd2fe24e47a3062ef0f12b13eb95c74e8e84905e5055aa6af6174f52c3d3a830b439b60e78309ed78988a8299a32b74f3fa447ad28b1d5a5ff467ce672755ac464f63e7b5fd760155c622b642f5617f6d51ba96e96af5974040a45bf41fb729fcc9ec1c50f5e34b0a08e156d687acb614f32da92ad396a74fcc45ae19ab51d936aac5a0a3be805f8a8b18e2302f64423844c1e011b46467763ebc02056f8cdf755c76345a895463f6ef9397f0fe62b975a1328f9017fe253bd3c47770426ee07f94eb16889796ed6b480d571b654096956802e38edade0a7ac7bf9e2e72e439307419ccae0699833b7ecd81774522c4c5ebda92258f8741bcfb5d23c913a2eed32f9d7aadf473bd14ef47b18a924e15664554569c74bdfa7932086267286877d4087009907efeb301b13ca9b4e60d330fe0c2b9122971cd806fe3b7f315c1ee9db22d5fb37b6035a063b8d80b1cfda4d562cf4e8cb9b8883771983228b63c5e24eca4b1cc95daafbc9acb6ed3be7ed6b0c12a4e6bd5537a5b829714c22e0310e4396df56df5ca9219e458a1740e87697f7c54b6f324cf2f4ea9271f341910c959e04b9962871ff23649a7d444a87cda24a32433c2b1e3dee6a0cdb4fd5f31ef53a4d9ea80485d5f02b81bb0770d03aeb18884ed356ca49bae0c49d46ad76fcf6afe33f40a812b285df10566c8aabcda7e88c84efa19c68170cc9502aa236c6e69caa86ce97b79c57b1a183e1c3314c27d48d31836696049880ed8a41b37555da90475ae08bbf40b1fcac2a99cd91c698c40744f4dc32ff2d48f4904e3547594516d98eb3e58b1518e59683c1a3709aad6a307f2ebba68eca74e9f506d8cf341d42bd2be74319bb4c61804bb21ed9f9e37ed48afedb6b35fbdd983d4ea373e4839db919f7b4a9862984e9d0a3cfc376562a7084274cf9a105f5376701c3de424c2be55c61dd107eb9b1c7d194b954099f79fa03342bdb75cb71a8013192ce752602fa137700cb32b42be5c9ac7816f806588dbda5e5e1c5b4c93a16ffcb4579174825ba821657b02357a7d9a735f9fc310ef7248e5170eb12b9db8a77e094bb69db88bf70f0d2d2526b905d356f810bbaa4f2279731f0995ca976c2e37c4f76d940de7d540affdd08dfd6fc3fc1a5274b53e580bcd215c083139a5797392ee0cac48ebd9db97be3eab61007c1892e13c0f284228ab90b9688e9134743dc3b3159950ca60685ec3b8d7188884c10c725cef5af8c67a07481a68c7fd63b6471f9b5ed8597123159d8389edb6331105aaff4cee951f7bef016343529c18c198db8bddb297c9ee7db37a6e7a3227a0b14e32587553524597775f6e0889b76c70fef4b487a6f349894b9c1cc2fba70bade0bdcc32708a93408296978777f9dcaff8a7f9580abb2280673833fe2815425f600bd172d49f52281d49c6241a16046cbe9a13a008b33ed2fae4b643e94f749eb1bf75eae26cefe8d7a8655a8eae7e0db08cd1c3ba14dcc81d87b9bd755d01d72a29ec083cff7f27cdbcbd272a59fa17afaa95e2ab97245d57f5f4dbcf776404d4226069d8a0812c446a3f5880316d09e82584c388bbef6cf8e46ac2b1744b087668a4c72bc470b1288a2ef50b9a1afc0b26a52e936cb23696492b498e7c1db1188b5d9113a7bde304054ab5aa12e273658bf37655e826f3b997e06ea50cf93427e6731450bf4a0b942ea16c3a40a30d8e1bd1ab69ffe61bb4758edd7ad00f791edd56de9f7e139cd86ccf6d935ad86c9ab57797340c760a1b254a3eeb3aa66bdc2e4005c2b8a86ae9f331dc321997bb00539abdacae341f89efe1bf1ed79c78c69fbe1bf40dfe62bb7c2784df39656665e0df51cd0b96b140b60e8a03b41a3d04e04ccdc8556c53a7042b428419eb008c0fe24f20eebcc3b48bc9cb7b41a568b6cafd3e702c4bd7b6add9132298ffa9e5f65531a88d738f6f5bd3f30cb1a0544e960830fccce382d20836ea2d7ab7bc43d848760d9a636bcd50288423f5711eec172062b067a10a82e8a09a7f45c7e9fe9d2caeac034c00d1f6b65d92c436b9e9176b83152a2ee0806b00bcd65bc3f683a7f0902bf62d92ea155fcad40107bc682872032bde3a52139006fd07e77b31685d3567af3c78d565db350d7bd6040caa8fbab718a2daa4553c7fd0ea241183f99280503a356440e0ea3adb788fde079ff1400f9914942bf21c4a3aa19d9730168df8d5fcbece934895e849a0f1966629d20c6bb65627a70e6ec29bbfeaec02cea08eaef195e820f4b9bd1b68e3ff562e6997d39d73a5d4a51aba1e4884b9452c2d6b5ab81724b50e50f5a004a3c9661b10d3da3dce00c2281d457b5829507792c5529e9e9d1feae1e526b764e1ad53e7bddd84c754b17ffeac31e39d51fade546227e044859ff352d2dcd6dbadddc091dbdb070c485147579a74e976adc48fdda9f40d8858f22bade14b356110815c06650b13b2bbfacd33f36a7f9acc5b5715873c0493fc8261792dcc7e1fcaef6b3f97569c5b98fc651c460d93f5890ce12341444642b2d5fc501d16168f6957588d35e52fdd618f4d2228522e043e381248351e01a6b81ba13dc23228e30692fba4d262916f95bd493db17f78924b497c043a5ca7ad86738de79f04d608eacd312ad2965057325c38fe56650ebbac9fad9e79be2084f323fd2444e477f8c80335d0cc44842fe0f4d6094c786e2606caa8a522185f0fb25ec0d3041b8fd7d799df5a580532e21ce6eacc7110cc13cc961bb80ee2d26a1457b765ce54eaf40cafe2a89c12c9cc06bf75c484e52410c1a1a5dab78d961059aa6104c0b41c7e1d4ec3a92835e33aa5a7cf800c29a0bc303030ab8b877e2d65839a069fb52302d080ed8f3c0f5366a096227e265b9e016d2942290f7e42edd59d92a913cc4cb6c43e89897f5754454e728091ea4a00842b03c9bb0aa478fb8407acc43b54944050012d5e821606f5907f0d37ba39109fc621d810562d830631ad557d634b40bdb87971cc41211dc443dfb3b4d34cf14180aee2abdb062de53f5658ca8174e4b0558b0de55884636b10fe3ad79e4594beaef8b05e2a4bc89c04fe0a67e92a5eadff8d3ba4f98ec248dbc7284fe0eb3b4008680dc3254f7e912ac4c0fb5c87080cde59454fdc36cb576cab489ee8d4307e3bc9926b47ae6a3250521e38491c19a124fb0d53e1da32909ce935a0b72a682180db948ad9e959b51fdeb1d759481665ab5f6d3fcd1fc1d2002a7ae7cc01df4b0eeee856a53d0b391ff58fa24197642b91e92743c95c820cd550220fa15e55ad2358de39c54542ef2cba9ccda406d1a71d3d5523857bea9acceac3338c5c548459216670f371abed82a305894ee9d3037c9ab357b4ce226eabda996583feeb644b380645cc9fc13be9a1d7d86f170ebbfee05d45bbaa664798d9bd74cfe88e12b27f071132d2aafd109d3d26a295b82272a5a566145da0daca7c2912e5ab76e057c517b01c5487646d11bef5f9e237b0d68bb5ca6ea1e5f51d46844e860da917a02ec47deff5fe3f83be23a5393349fcf1224fd90d8dd459378e2f230b88c9dfb08df3ac58ea107432445dacfc89cb43d64f708791ace836548221f2b7e6b2901fdd1e3034087236dcc7b2edcda460527661921d782752a2f7d20432aa504346a600bd4ebb9171fd2eb28d94c6dfa488a3dd0034775f60b2fa14fb29d98b4aa6f464515d8dfc9548fc77e4977858705ccd9ed065b9fb1b31550589bd4adfd591ec73be4e9ff972cd0e8d57b21b9582a57cf4d8145802a67a60fc6cd54f3e562c10a2d3f186973052b68bf9b3696fbc0a9734067ccfea2cc7775c223978f8640998851e220fb00f363fabfe67bd7141637bbcd369b76e01132c85a8198974f1c2e2eae6856c2406feba3dae136f4074c52b8288355b29d9ee202b0344cef9fe35e035c96312d2b74abf83d01c1d01e1724119bebeaedb435f9afa6fbd2394d1019d1611a5a7c45a9c9e0d9ace1f3dcf5a651addddafe73d9c5321ac572833cbe97b2da890d9445588c68018c728c02596abf37ee7f4cf96002e6ddb06c62c58f5ac190205b188bf2e4515235c9a60861662a5c33f95c4aefa509e12f51f4b42f27ba12caccbc33df0272d060d1ab9db0c08fb48045e74419cec1cb381dfab406df092399a8a5c64bce3ab6cc4a661ba6776cd6f01211df56cb731282761026b27e075c7f62bf36e92d0d5867d9eb770ad7e0d78916caf2aee11e51540b18bcf5714b89ca7bad815dae907497e7ba2c7849732cfb47dec02cfbfbae4eee2a04c7f79f8866c670ef6407106b1866a9c48486704cf68816e2f4537c81abfe27d96173d78b36103c37a32867da1f313e7fb19fc769f931962ea313fc05eb2608a95cfa6e34cddd3de8365944885822392abf859c4634fed341f09d7767e7cc0aa6e9328f0555f81ff8030d9269cdccf255e091faf815255268af8edc077182582ba213dbc0996c67822b3af26897968a71589abf1879beb2f36d56598f1e07a84290d78da97fc0b9cf272075df5fd7b74d00d03ffc063269385bbfb0889411048772bed013876921ba870cfb21a2b89c462e19b2444273ce249ea5abe4e52999cfdf8ee758f669cdccd9fefdd87846243209e7d57959729889374e18d39d4e8cf4752a2d10b86cb5e74a90507c53e70c2f3af1f58b2b8dab21d997b1df9e3e993723bd1d7f400903e82112acb378a0cef6c3770e1bd60e2a86f40c9188eab208c7bca4032f6e0b50c4d6902d6af2d387a8b41c0c60b06a505c56db63d85758cbf78fb9e4324633c1fea624640bd4de2da852e8d265f67b03d78259a981f8b7dcf22e6f0a7d67579d635a23deaf810073853a3a95b7984c16ac1429694f981e1c3d33e785c47d517ce5e7a751a0f8ef85f735aec5e599d639d7fdd29bb1c6382065eb0b875b442698020f2679967667a1fcc714153be1711a74c693279954cb48e53dae890eb3bef2fb2c18844049d63bd218c6869ecb149672b71037c49d8b0ffff7adca124a0386936f7fb29485f327be3e07be4bbe2031cffa53537b90a28a0c18db8386c548e6bf2023101573272af95fc768bb70018d9962462cc4db2e1d1ddf65c617a159e54ebb10ab8105d444dc6e6bd74f3f916e6235a43fe9aec8fddc72d3088b1f9574c1c5aa0c1afad838aa58667ce9bb05788e84e5302fe43fa399019dac81c7b00ba605e49304aeec8163dda098d3e4f575906221e7eda80f213394875ac06e8716ad06edaa33ae6058d6f3547cfe8b1632fcc9d8a4596cf4ef9edfca1c5c134d4434553ec7465c73200a619fc52ee18e948025f37b963a5d2bcf00140a20c737e95cf27fe44b2dcc669e95d883f477bf95017887ec21c642f668c28eea45359d070acad8805745e2faaf96330c594a4ef2a18b2470b052ec97dc2a2b6a09c8e75422aac7c0cdc3a705597952aaeaa5039809980ee590e53b693583a377ed04d627683f58d0a224584c65b17c65198b310e6cdf456fe1d8b23cf173e4660dda9f6696814aff83e4c2139e2bf470cb6c15ca774ff3f594c5584d221784b9772915f9418444a27048cf44f7ce32d121f9c15a8cc5e651d11bb852721ffe865bba726557e5e489549b4e257fd25128b44b74bd1e0d6188f1ce566cfc097425f0c22110bc5054b62df6e8c02fa6054267c33ab4763147d1a40da202ea86f2afa9fcffd01a2ccda0b2eb0395e447da9103c2413b468f05e21f40e76e4118b75c3a6658eb31ae0d1972cfe19d2339cbc29a3824bd881a0640a5d3ea92e3c25d83c23f2e2d6eb61530d542efd23754e60b56e1a176bcc0c3d0bd519d19ff1740071009cc6dd1ac2efdff486eef0ea09bf97fe632cde5e272be1732dfedc3dd4dcfc459a01565b5e246a54ebccf05d53006d9c51e4b74d865e2ba372839a61aff660b9be077ec161a1163df2f5c118b4942720cd4ebd5d582b026fe07fe8106eca47d1c1331d7a15bf3dd0157a33c9afd93e99f679b42679b93b1f37fc0714370676a0d80551a9416910a015f3757e5adc87e47b8e1a2ffe95d6286942c1a1d465d0ceef269992f80538a9b9a2dab8f199a17bddcb675252ec87135413facda3faee75b35c57c773a060105909df7426912752024b23bd152fe4391b26afd18cbe1c4a7cf93ccc6cc85c0da2430f2b18a276e246f97db568c6059e0012100eadcf27c27db8f8b97c3b35b905a82cb0b117f920aae734c32b854ce79a73e3b8637ba0103c2e50cf7897c8d853ed7958abdfd4c61cd9f413ba10d4519e9a1e49b88fdd73ba67d5e7668bc8e6c36f92ba4bc407256bf6f402bb113fddf7743f55d0d420e6c80e8caa2d415ef6982a6f6f3639bc934ba43f6de7207c019d9461455b1d6c97f6182757971a50ec6d9d742c1225328a474dbfccd7f2493d6764cd83b6a3df35f83b2a8b91ac97f9035e1968194878115f30f4d2b1ab63ee5f63f209a5a5f62ed5e5de541fa17ec9b868c30e5e398a51d2aa65a06f22fd3e6437dc55c9771516403a9765cefcb7fab83109fb31e4d6db8806a7af28c70a69702a97ab0a7d38888edc17fbd29a8bf6a776c5289421315d8df418323b02a9ee67e22312437d1a7deb236c1359f77cea528fd17f6df0f0b058e11195a2ea642b7e620d63eb59a9d4a279b3cd5db70f120c84576ef22f83c30a4ae0be44af4369721f38a38dfcd0ffc92d37c8577e08eb44bb17837528ca225b04d3c79159c5ec49e67624e113accb2cc32d6170db6041aabcf5c774fe7718c5d755939714e944d62892d80d6f0e07cee19d9dadc7534f698294f14d4a56b18206afb53d2cc7ca460caf711e6a7be02193b31a0b63c60c8d1dce52e19a6a6dbfdae0f89bb0393e01ff721560e3032ea7c1bcc99069d93512ab37addf9c75faae7672802e2ddff2bb45f659a6c48ea19362b40d349f1b25b945207c5fec0abe2af8e7fb1d41f81614aa786f10b29bf1c0c50f24876377694300cd738ded6451b78d33d1a95b2370082a2e2d7a2fc0cec598a064cb5fe62c3aaaaf155ef866a4cc8f0f56e5a8e05fa06fe9b71a287ceae36fbb32584784febd04b18ddda17a3109a129810514bbcced4cd3ad02481213c083ea823f21b3cef0a244ca03acf1090610fa04c29e266f099c1177b41385468b24f13c936c5ce1320edab7ec3b8172a1b89452d63cde547e6aff5c90decf9a59924d421a734691063f91ea5605e7016e3c8a35e00d522e25c40e063b672fd7033d1bd8e6f03568b1284b0549ed2bad4e858959ab0e3411b4c63e7ff6de684e34ee0c9b6becd33c9901d6a22400d2e3df10f29454ac330fdabc3e30b7886b66110f846f5d0f6fe9548027c514ec2a46aca28cc2fba1ee42ced8cc4d2e049e246cbf72fc0405c0f8c48c360d70d64894eb4642d6b3c46ac8

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:

{{share}}

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:

<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

Ready to get started?

Take your Zendesk help center to the next level with our easy-to-customize themes.

Select a theme