{"id":5428,"date":"2022-06-10T11:21:13","date_gmt":"2022-06-10T15:21:13","guid":{"rendered":"http:\/\/blog.tlsrv.net\/?p=5428"},"modified":"2025-07-07T05:03:29","modified_gmt":"2025-07-07T12:03:29","slug":"how-to-easily-create-your-own-thinglink-custom-icons","status":"publish","type":"post","link":"https:\/\/www.thinglink.com\/blog\/how-to-easily-create-your-own-thinglink-custom-icons\/","title":{"rendered":"How to Easily Create Your Own ThingLink Custom Icons"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\">Would you like to create your own distinctive icons to use with tags in your ThingLink content? It&#8217;s easy &#8211; we show you how!<\/h3>\n\n\n\n<p>We recently added over <a href=\"https:\/\/www.thinglink.com\/blog\/12-thinglink-editor-updates\" target=\"_blank\" rel=\"noreferrer noopener\">2000 icon variations<\/a> to our ThingLink editor so there are lots of designs and colourways to find icons to match the purpose and context of your creation. However, we understand that it&#8217;s vitally important to match your brand style and have the right triggers for your audience. If you need to create custom icons for your ThingLink scenes it&#8217;s very easy to do so. For educators &#8211; It&#8217;s also a great activity to use with learners developing graphic design, art or digital skills!<\/p>\n\n\n\n<section class=\"tl-cta-block\"><h3>Book a free consultation<\/h3><p>If you\u2019d like to learn more about how your company can save resources and effectively support employees with impactful training, schedule a free call with one of our transformation consultants.<\/p><button class=\"tl-button tl-button--white tl-button--small tl-cta-block__button\" data-link=\"https:\/\/calendly.com\/andrew-6\/thinglinkdemo\">Book a free consultation<\/button><\/section>\n\n\n\n<p>Here&#8217;s our top genius ways to create your own using our technology partners solutions <a href=\"https:\/\/fonts.google.com\/icons\" target=\"_blank\" rel=\"noreferrer noopener\">Google Font Icons<\/a> and <a href=\"https:\/\/www.canva.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Canva <\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">1. Using Google Font Material or Symbol Icons<meta charset=\"utf-8\"><\/h2>\n\n\n\n<p> *A Canva Education (free to teachers) or Pro account is required to download your design as an SVG file.<\/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 loading=\"lazy\" title=\"Create Custom Icons for ThingLink using Google Font Icons and Canva\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/032kW5WbG8w?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-step-by-step-guide\">Step by step guide<\/h2>\n\n\n\n<ol>\n<li>Download SVG graphic icons from&nbsp;<a href=\"https:\/\/l.facebook.com\/l.php?u=https%3A%2F%2Ffonts.google.com%2Ficons%3Ffbclid%3DIwAR3T93r12uKpLogsLf32cxGUUQ4bes8hTIOOFVa0GUmsKqr_2hGbwg0iDyo&amp;h=AT21--2wwH8ecWGepz4DTe6Uwd667mByD5oKodW9ETwsSk7rIa8dj3VPwM_KMRXVbUNgAZe_gzcoUyO0FIa4V7Ko3mvMV_YmyxtEDFKKD1KQ6fRkUTt4Pk8wSNFnX9hikrwmysGPwlB0Tdk9UbvYPMw&amp;__tn__=-UK-R&amp;c[0]=AT16NqV6qtjq7pR4M3UjiWBFVpHOu5PVnO3F3hkjXkgPQ2XdOFoeKo4SXnBkMU60ssBty4ElCCObm2j77dqE4GCXlaLpTfI3fTmrgTikgJdNaAGr3zaH-MgEU9NXaABE1mk_qM6w-1Ecc4WGjJnq8SKkNq7Hb_XhbwF-KzBw5iVClUOKmFbQxqstqoqFG2T4cbl3hMcKDB9f5gX-Xkg\" rel=\"noreferrer noopener\" target=\"_blank\">https:\/\/fonts.google.com\/icons<\/a><\/li>\n\n\n\n<li>Upload to Canva &#8211; here is a <a href=\"https:\/\/www.canva.com\/design\/DAFDMMfUtoo\/7iNCeR4cjmsVz3C4sEyBHg\/view?utm_content=DAFDMMfUtoo&amp;utm_campaign=designshare&amp;utm_medium=link&amp;utm_source=publishsharelink&amp;mode=preview\" target=\"_blank\" rel=\"noreferrer noopener\">handy template to use<\/a>. Then start experimenting! You can change according to your desired style<\/li>\n\n\n\n<li>When you are happy with the result, download the SVG file &#8211; remember to select the transparent background option. <\/li>\n\n\n\n<li>Upload to your custom tag icons in the ThingLink editor! <\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">2. Styling Emojis with Google Font NotoEmoji<\/h2>\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 loading=\"lazy\" title=\"Create Custom Emoji Icons\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/_Fr0EUgtHnc?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<ol>\n<li><a href=\"https:\/\/fonts.google.com\/noto\/specimen\/Noto+Emoji\" target=\"_blank\" rel=\"noreferrer noopener\">Download the Google Font <\/a><strong>NotoEmoji<\/strong> to your desktop\/ drive and upload the TTF file to Canva<\/li>\n\n\n\n<li>Create a copy of this <a href=\"https:\/\/www.canva.com\/design\/DAFDG1yEPcs\/zcNUoaQHiiU1rsgPDQG7Ng\/view?utm_content=DAFDG1yEPcs&amp;utm_campaign=designshare&amp;utm_medium=link&amp;utm_source=publishsharelink&amp;mode=preview\" target=\"_blank\" rel=\"noreferrer noopener\">Canva Template<\/a><\/li>\n\n\n\n<li>Paste in <a href=\"https:\/\/getemoji.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">an emoji <\/a>which will be converted to the text graphic<\/li>\n\n\n\n<li>Then experiment until you are happy with the result. Change the background colour, insert your own emoji and change to any colour you like.  &nbsp; <\/li>\n\n\n\n<li>Then download transparent background SVG file. <\/li>\n\n\n\n<li>Upload to your custom tag icons in the ThingLink editor! <a href=\"https:\/\/www.thinglink.com\/blog\/wp-admin\/edit.php?post_type=post\"><\/a><\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">NEW! Shared custom icons &#8211; for Organizational Accounts<\/h2>\n\n\n\n<p>Admins of Organizational accounts can now upload and manage custom icons that will be available to all users in the Organization.\u00a0This is part of the Brand Kit launched in July 2025. The kit also includes your organization&#8217;s logo, which will be displayed inside the scenario player, and your Brand color, which replaces the standard ThingLink blue inside the scenario player.<\/p>\n\n\n\n<p>These tools are designed to ensure a consistent branding across all experiences created by your team, to help you deliver a more cohesive and professional look across your interactive media. Access them via the Brand Kit tab in the Organization page.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">NEW! Transparent Icons now added<\/h2>\n\n\n\n<p>In 2024 we added three variations of transparent icons to the selection! Ideal for escape rooms, and for any content where you don&#8217;t want any part of your image or scene to be hidden by a tag.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Looking for more creation inspiration?<\/h2>\n\n\n\n<p>More about Custom Icons in our <a href=\"https:\/\/support.thinglink.com\/hc\/en-us\/articles\/360024569973-Custom-icons\" target=\"_blank\" rel=\"noreferrer noopener\">Support Centre <\/a>article<\/p>\n\n\n\n<p>The <a href=\"https:\/\/www.thinglink.com\/learning-center\" target=\"_blank\" rel=\"noreferrer noopener\">ThingLink learning center<\/a> is the place for inspiration, support, project ideas, tutorials and so much more! Explore live examples and use cases from current users, watch featured tutorials, learn about our newest features and pro tips. You can also access the 360 image library from here and our <a href=\"https:\/\/www.thinglink.com\/blog\/thinglink-certified-creator-course-is-live\" target=\"_blank\" rel=\"noreferrer noopener\">ThingLink Certified Creator Course.<\/a><\/p>\n\n\n\n<p>We would also recommend joining the ThingLink community on social media.&nbsp;You can find us on <a href=\"http:\/\/www.twitter.com\/ThingLink_EDU\" target=\"_blank\" rel=\"noreferrer noopener\">Twitter<\/a>, <a href=\"https:\/\/www.facebook.com\/groups\/ThingLinkEducation\" target=\"_blank\" rel=\"noreferrer noopener\">Facebook<\/a>, <a href=\"https:\/\/www.linkedin.com\/company\/thinglink\" target=\"_blank\" rel=\"noreferrer noopener\">LinkedIn<\/a> &#8211; they are great places to chat about tips, tricks and share great examples in action.<\/p>\n\n\n\n<section class=\"tl-cta-block\"><h3>Get started today!<\/h3><p>Get started with a free ThingLink trial account.<\/p><button class=\"tl-button tl-button--white tl-button--small tl-cta-block__button\" data-link=\"https:\/\/www.thinglink.com\">start your free trial<\/button><\/section>\n","protected":false},"excerpt":{"rendered":"<p>Would you like to create your own distinctive icons to use with tags in your ThingLink content? It&#8217;s easy &#8211; we show you how! We recently added over &#8230;<\/p>\n","protected":false},"author":4,"featured_media":5443,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"content-type":"","om_disable_all_campaigns":false,"_mi_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[491],"tags":[485,244,209,506,210,216],"_links":{"self":[{"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/posts\/5428"}],"collection":[{"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/comments?post=5428"}],"version-history":[{"count":24,"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/posts\/5428\/revisions"}],"predecessor-version":[{"id":12059,"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/posts\/5428\/revisions\/12059"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/media\/5443"}],"wp:attachment":[{"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/media?parent=5428"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/categories?post=5428"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/tags?post=5428"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}