{"id":17,"date":"2023-06-11T16:59:14","date_gmt":"2023-06-11T16:59:14","guid":{"rendered":"https:\/\/theplus.so\/blog\/?p=17"},"modified":"2026-08-15T16:11:48","modified_gmt":"2026-08-15T16:11:48","slug":"social-media-icon","status":"publish","type":"post","link":"https:\/\/theplus.so\/blog\/social-media-icon\/","title":{"rendered":"How to Add Social Media Icons to Notion Page?"},"content":{"rendered":"\n<div class=\"tp-legacy-notice\" style=\"border:1px solid #fde68a;background:#fffbeb;border-radius:14px;padding:18px 20px;margin:0 0 28px;\"><p style=\"margin:0 0 8px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#b45309;\">Heads up<\/p><p style=\"margin:0;font-size:15px;line-height:1.65;color:#3f3f46;\"><strong>Icon widget is no longer available.<\/strong> The standalone Icon widget is no longer part of thePlus.so. For a row of social links, a <a href=\"https:\/\/theplus.so\/widgets\/text\">Text widget<\/a> is usually better anyway: it shows any symbol or emoji, and it links any word or phrase to any URL, so one widget can carry every account you have. If you want the real brand marks, put them in an <a href=\"https:\/\/theplus.so\/widgets\/image\">Image widget<\/a> carousel and give each image its own link.<\/p><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">It&#8217;s pretty easy to add social media icons in Notion templates.<\/p>\n\n\n\n<!--more-->\n\n\n\n<ol class=\"wp-block-list\">\n<li>Become a<strong> free member<\/strong> of <a rel=\"noreferrer noopener\" href=\"https:\/\/notionplus.dev\" target=\"_blank\">NotionPlus.dev<\/a> first.<\/li>\n\n\n\n<li>Then click the &#8220;<em>Add Widget<\/em>&#8221; button and select the &#8220;<strong>Icon<\/strong>&#8221; option.<\/li>\n\n\n\n<li>Then <strong>name <\/strong>your <strong>widget <\/strong>first.<\/li>\n\n\n\n<li>Then <strong>choose an icon<\/strong>.<\/li>\n\n\n\n<li>Type a <strong>link <\/strong>that will go when the icon is clicked.<\/li>\n\n\n\n<li>You can change the color of your icon if you want.<\/li>\n\n\n\n<li>Then you can create your widget by clicking the &#8220;<em>Add Widget<\/em>&#8221; button.<\/li>\n\n\n\n<li>You can add the<strong> embed link<\/strong> of the last widget to your Notion page.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Congratulations! You now have the capability to incorporate social media icons into your <strong>Notion templates<\/strong>! If this process appears complex, consider gaining a clearer understanding by watching the instructional video. Follow the steps outlined in the video to implement this feature.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to Add Social Media Icons to Notion Page? (Notion Widgets)\" width=\"768\" height=\"432\" data-src=\"https:\/\/www.youtube.com\/embed\/Al3U6B44uFg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" data-load-mode=\"1\"><\/iframe>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Find out how you can use over 2000 icons in your Notion templates!<\/p>\n","protected":false},"author":1,"featured_media":19,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[23,59,62,63,64,84],"class_list":["post-17","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-notion-templates","tag-how-to-add-social-media-icons-to-notion-page","tag-notion-plus","tag-notion-template","tag-notion-template-icon","tag-notion-templates","tag-social-media-icons"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Add Social Media Icons to Notion Page? - Notion Widgets, thePlus.so Blog (NotionPlus)<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/theplus.so\/blog\/social-media-icon\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add Social Media Icons to Notion Page? - Notion Widgets, thePlus.so Blog (NotionPlus)\" \/>\n<meta property=\"og:description\" content=\"Find out how you can use over 2000 icons in your Notion templates!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/theplus.so\/blog\/social-media-icon\/\" \/>\n<meta property=\"og:site_name\" content=\"Notion Widgets, thePlus.so Blog (NotionPlus)\" \/>\n<meta property=\"article:published_time\" content=\"2023-06-11T16:59:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-15T16:11:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/theplus.so\/blog\/wp-content\/uploads\/2023\/06\/notion-template-social-media-icons.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"900\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"ugurkilci\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@theplusso\" \/>\n<meta name=\"twitter:site\" content=\"@theplusso\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"ugurkilci\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/theplus.so\\\/blog\\\/social-media-icon\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/theplus.so\\\/blog\\\/social-media-icon\\\/\"},\"author\":{\"name\":\"ugurkilci\",\"@id\":\"https:\\\/\\\/theplus.so\\\/blog\\\/#\\\/schema\\\/person\\\/6235d04ff6ecd453b6492d417d448590\"},\"headline\":\"How to Add Social Media Icons to Notion Page?\",\"datePublished\":\"2023-06-11T16:59:14+00:00\",\"dateModified\":\"2026-08-15T16:11:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/theplus.so\\\/blog\\\/social-media-icon\\\/\"},\"wordCount\":226,\"publisher\":{\"@id\":\"https:\\\/\\\/theplus.so\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/theplus.so\\\/blog\\\/social-media-icon\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/theplus.so\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/notion-template-social-media-icons.jpg\",\"keywords\":[\"How to Add Social Media Icons to Notion Page?\",\"notion plus\",\"notion template\",\"notion template icon\",\"notion templates\",\"social media icons\"],\"articleSection\":[\"Notion Templates\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/theplus.so\\\/blog\\\/social-media-icon\\\/\",\"url\":\"https:\\\/\\\/theplus.so\\\/blog\\\/social-media-icon\\\/\",\"name\":\"How to Add Social Media Icons to Notion Page? - Notion Widgets, thePlus.so Blog (NotionPlus)\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/theplus.so\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/theplus.so\\\/blog\\\/social-media-icon\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/theplus.so\\\/blog\\\/social-media-icon\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/theplus.so\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/notion-template-social-media-icons.jpg\",\"datePublished\":\"2023-06-11T16:59:14+00:00\",\"dateModified\":\"2026-08-15T16:11:48+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/theplus.so\\\/blog\\\/social-media-icon\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/theplus.so\\\/blog\\\/social-media-icon\\\/#primaryimage\",\"url\":\"https:\\\/\\\/theplus.so\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/notion-template-social-media-icons.jpg\",\"contentUrl\":\"https:\\\/\\\/theplus.so\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/notion-template-social-media-icons.jpg\",\"width\":1600,\"height\":900,\"caption\":\"notion-template-social-media-icons\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/theplus.so\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/theplus.so\\\/blog\\\/\",\"name\":\"Notion Widgets, thePlus.so Blog (NotionPlus)\",\"description\":\"Design more aesthetic Notion templates with Notion Widgets free!\",\"publisher\":{\"@id\":\"https:\\\/\\\/theplus.so\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/theplus.so\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/theplus.so\\\/blog\\\/#organization\",\"name\":\"Notion Widgets, thePlus.so Blog (NotionPlus)\",\"url\":\"https:\\\/\\\/theplus.so\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/theplus.so\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/theplus.so\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/cropped-theplus-so-logo.png\",\"contentUrl\":\"https:\\\/\\\/theplus.so\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/cropped-theplus-so-logo.png\",\"width\":512,\"height\":512,\"caption\":\"Notion Widgets, thePlus.so Blog (NotionPlus)\"},\"image\":{\"@id\":\"https:\\\/\\\/theplus.so\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/x.com\\\/theplusso\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/theplus.so\\\/blog\\\/#\\\/schema\\\/person\\\/6235d04ff6ecd453b6492d417d448590\",\"name\":\"ugurkilci\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/86d29cbd87e37b56f84d97dfd7a959243e80c0257d5ef81cd07f41571db7c21d?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/86d29cbd87e37b56f84d97dfd7a959243e80c0257d5ef81cd07f41571db7c21d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/86d29cbd87e37b56f84d97dfd7a959243e80c0257d5ef81cd07f41571db7c21d?s=96&d=mm&r=g\",\"caption\":\"ugurkilci\"},\"sameAs\":[\"https:\\\/\\\/theplus.so\\\/blog\"],\"url\":\"https:\\\/\\\/theplus.so\\\/blog\\\/author\\\/ugurkilci\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Add Social Media Icons to Notion Page? - Notion Widgets, thePlus.so Blog (NotionPlus)","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/theplus.so\/blog\/social-media-icon\/","og_locale":"en_US","og_type":"article","og_title":"How to Add Social Media Icons to Notion Page? - Notion Widgets, thePlus.so Blog (NotionPlus)","og_description":"Find out how you can use over 2000 icons in your Notion templates!","og_url":"https:\/\/theplus.so\/blog\/social-media-icon\/","og_site_name":"Notion Widgets, thePlus.so Blog (NotionPlus)","article_published_time":"2023-06-11T16:59:14+00:00","article_modified_time":"2026-08-15T16:11:48+00:00","og_image":[{"width":1600,"height":900,"url":"https:\/\/theplus.so\/blog\/wp-content\/uploads\/2023\/06\/notion-template-social-media-icons.jpg","type":"image\/jpeg"}],"author":"ugurkilci","twitter_card":"summary_large_image","twitter_creator":"@theplusso","twitter_site":"@theplusso","twitter_misc":{"Written by":"ugurkilci","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/theplus.so\/blog\/social-media-icon\/#article","isPartOf":{"@id":"https:\/\/theplus.so\/blog\/social-media-icon\/"},"author":{"name":"ugurkilci","@id":"https:\/\/theplus.so\/blog\/#\/schema\/person\/6235d04ff6ecd453b6492d417d448590"},"headline":"How to Add Social Media Icons to Notion Page?","datePublished":"2023-06-11T16:59:14+00:00","dateModified":"2026-08-15T16:11:48+00:00","mainEntityOfPage":{"@id":"https:\/\/theplus.so\/blog\/social-media-icon\/"},"wordCount":226,"publisher":{"@id":"https:\/\/theplus.so\/blog\/#organization"},"image":{"@id":"https:\/\/theplus.so\/blog\/social-media-icon\/#primaryimage"},"thumbnailUrl":"https:\/\/theplus.so\/blog\/wp-content\/uploads\/2023\/06\/notion-template-social-media-icons.jpg","keywords":["How to Add Social Media Icons to Notion Page?","notion plus","notion template","notion template icon","notion templates","social media icons"],"articleSection":["Notion Templates"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/theplus.so\/blog\/social-media-icon\/","url":"https:\/\/theplus.so\/blog\/social-media-icon\/","name":"How to Add Social Media Icons to Notion Page? - Notion Widgets, thePlus.so Blog (NotionPlus)","isPartOf":{"@id":"https:\/\/theplus.so\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/theplus.so\/blog\/social-media-icon\/#primaryimage"},"image":{"@id":"https:\/\/theplus.so\/blog\/social-media-icon\/#primaryimage"},"thumbnailUrl":"https:\/\/theplus.so\/blog\/wp-content\/uploads\/2023\/06\/notion-template-social-media-icons.jpg","datePublished":"2023-06-11T16:59:14+00:00","dateModified":"2026-08-15T16:11:48+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/theplus.so\/blog\/social-media-icon\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/theplus.so\/blog\/social-media-icon\/#primaryimage","url":"https:\/\/theplus.so\/blog\/wp-content\/uploads\/2023\/06\/notion-template-social-media-icons.jpg","contentUrl":"https:\/\/theplus.so\/blog\/wp-content\/uploads\/2023\/06\/notion-template-social-media-icons.jpg","width":1600,"height":900,"caption":"notion-template-social-media-icons"},{"@type":"WebSite","@id":"https:\/\/theplus.so\/blog\/#website","url":"https:\/\/theplus.so\/blog\/","name":"Notion Widgets, thePlus.so Blog (NotionPlus)","description":"Design more aesthetic Notion templates with Notion Widgets free!","publisher":{"@id":"https:\/\/theplus.so\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/theplus.so\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/theplus.so\/blog\/#organization","name":"Notion Widgets, thePlus.so Blog (NotionPlus)","url":"https:\/\/theplus.so\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/theplus.so\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/theplus.so\/blog\/wp-content\/uploads\/2026\/01\/cropped-theplus-so-logo.png","contentUrl":"https:\/\/theplus.so\/blog\/wp-content\/uploads\/2026\/01\/cropped-theplus-so-logo.png","width":512,"height":512,"caption":"Notion Widgets, thePlus.so Blog (NotionPlus)"},"image":{"@id":"https:\/\/theplus.so\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/theplusso"]},{"@type":"Person","@id":"https:\/\/theplus.so\/blog\/#\/schema\/person\/6235d04ff6ecd453b6492d417d448590","name":"ugurkilci","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/86d29cbd87e37b56f84d97dfd7a959243e80c0257d5ef81cd07f41571db7c21d?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/86d29cbd87e37b56f84d97dfd7a959243e80c0257d5ef81cd07f41571db7c21d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/86d29cbd87e37b56f84d97dfd7a959243e80c0257d5ef81cd07f41571db7c21d?s=96&d=mm&r=g","caption":"ugurkilci"},"sameAs":["https:\/\/theplus.so\/blog"],"url":"https:\/\/theplus.so\/blog\/author\/ugurkilci\/"}]}},"_links":{"self":[{"href":"https:\/\/theplus.so\/blog\/wp-json\/wp\/v2\/posts\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theplus.so\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/theplus.so\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/theplus.so\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theplus.so\/blog\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":1,"href":"https:\/\/theplus.so\/blog\/wp-json\/wp\/v2\/posts\/17\/revisions"}],"predecessor-version":[{"id":375,"href":"https:\/\/theplus.so\/blog\/wp-json\/wp\/v2\/posts\/17\/revisions\/375"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/theplus.so\/blog\/wp-json\/wp\/v2\/media\/19"}],"wp:attachment":[{"href":"https:\/\/theplus.so\/blog\/wp-json\/wp\/v2\/media?parent=17"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/theplus.so\/blog\/wp-json\/wp\/v2\/categories?post=17"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/theplus.so\/blog\/wp-json\/wp\/v2\/tags?post=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}