{"id":3620,"date":"2016-09-08T14:59:55","date_gmt":"2016-09-08T18:59:55","guid":{"rendered":"http:\/\/blog.tlsrv.net\/svg-scalable-vector-graphics-icons\/"},"modified":"2024-02-02T13:40:11","modified_gmt":"2024-02-02T13:40:11","slug":"svg-scalable-vector-graphics-icons","status":"publish","type":"post","link":"https:\/\/www.thinglink.com\/blog\/svg-scalable-vector-graphics-icons\/","title":{"rendered":"How to Add Custom Tag Icons to Your ThingLinks"},"content":{"rendered":"\n<p>Would you like to create and use unique icons for your tags in ThingLink content? It&#8217;s simple &#8211; let us guide you through it!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">ThingLink&#8217;s new and expanded range of icons and colours<\/h2>\n\n\n\n<p>We recently expanded our ThingLink editor with more than <a href=\"https:\/\/www.thinglink.com\/blog\/12-thinglink-editor-updates\/\" target=\"_blank\" rel=\"noreferrer noopener\">2000 icon options<\/a>, offering an enormous range of styles and colors to perfectly align with the essence and context of your creations. <\/p>\n\n\n\n<p>And as if that wasn&#8217;t enough, we then widened the range of icon colorways even further by introducing the new feature <a href=\"https:\/\/www.thinglink.com\/blog\/the-new-thinglink-color-picker-has-arrived\/\" target=\"_blank\" rel=\"noreferrer noopener\">Icon Color Picker<\/a>! Take a look at how this works in the short clip below. <\/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=\"ThingLink Icon Color Picker\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/DkKPFAk1d8o?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><figcaption class=\"wp-element-caption\">New ThingLink Icon Color Picker<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Custom icons for branded and aligned content<\/h2>\n\n\n\n<p>We recognize the importance of aligning with your brand aesthetic and engaging your audience with exactly the right visuals. If crafting bespoke icons for your ThingLink scenes is important to you, don&#8217;t worry, it&#8217;s a straightforward process! <\/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 you can easily create immersive and interactive content, 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<h2 class=\"wp-block-heading\">SVG format for your custom icons<\/h2>\n\n\n\n<p>The most important thing to note is that your icons MUST be in SVG (scaleable vector format) before you upload them to ThingLink. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Create your own custom icons from scratch or use an icon library<\/h2>\n\n\n\n<p>In an accompanying blog, <a href=\"https:\/\/www.thinglink.com\/blog\/how-to-easily-create-your-own-thinglink-custom-icons\/\" target=\"_blank\" rel=\"noreferrer noopener\">Create and Edit Your Own ThingLink Custom Icons<\/a>, we show you how to create your own custom icons from scratch. However, if you would like to browse some pre-made icons, we recommend that you visit <a href=\"https:\/\/www.iconfinder.com\/search\/\" target=\"_blank\" rel=\"noreferrer noopener\">iconfinder.com<\/a> which provides almost 8 million icons which you can download. Many of these are free to use, others are paid-for. We provide full instructions on how to use the site <a href=\"https:\/\/support.thinglink.com\/hc\/en-us\/articles\/360039998834--How-to-Use-Iconfinder-for-custom-icons-on-ThingLink\" target=\"_blank\" rel=\"noreferrer noopener\">at our support article here<\/a> but rest assured &#8211; it&#8217;s super simple!<\/p>\n\n\n\n<p>Once you have downloaded your chosen or created icons, you then need to integrate them into your ThingLink tags via the editor! <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h_41e39af7-ba46-4631-8b42-8961218ef6d8\">Using custom icons for your tags<\/h2>\n\n\n\n<p>Once you have your custom icons ready as SVG files, here is how you add them to your ThingLink content.<\/p>\n\n\n\n<p>Open your ThingLink image or video and follow the steps below<\/p>\n\n\n\n<ol>\n<li>Click on a tag or create a new one<\/li>\n\n\n\n<li>Click &#8216;Change icon&#8217;&nbsp;<\/li>\n\n\n\n<li>Scroll down and click &#8216;Upload icon&#8217;.&nbsp;<\/li>\n\n\n\n<li>Select any SVG file from your computer and click &#8216;Upload&#8217;.<\/li>\n\n\n\n<li>Once the icon is uploaded, you can select it via the &#8216;Change icon&#8217; interface.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Learn more<\/h2>\n\n\n\n<p>Discover More about Custom Icons in our <a href=\"https:\/\/support.thinglink.com\/hc\/en-us\/articles\/360024569973-Custom-icons#article-comments\" target=\"_blank\" rel=\"noreferrer noopener\">Support Center article<\/a>.<\/p>\n\n\n\n<p>Why not dive into the <a href=\"https:\/\/www.thinglink.com\/learning-center\" target=\"_blank\" rel=\"noreferrer noopener\">ThingLink Learning Center<\/a>for an array of inspiration, support, project ideas, tutorials, and much more! Explore live examples and use cases from our community, view highlighted tutorials, learn about the latest features, and gain professional insights. Access to our 360 image library and the <a href=\"https:\/\/www.thinglink.com\/blog\/thinglink-certified-creator-course-is-live\" target=\"_blank\" rel=\"noreferrer noopener\">ThingLink Certified Creator Course<\/a> is also available here.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Join the conversation!<\/h2>\n\n\n\n<p>We encourage joining the ThingLink community on social media. Find us on <a href=\"https:\/\/twitter.com\/thinglink\" target=\"_blank\" rel=\"noreferrer noopener\">Twitter<\/a>, <a href=\"https:\/\/www.facebook.com\/ThingLink\/\" target=\"_blank\" rel=\"noreferrer noopener\">Facebook<\/a> and <a href=\"https:\/\/www.linkedin.com\/company\/thinglink\" target=\"_blank\" rel=\"noreferrer noopener\">LinkedIn<\/a> to explore tips, tricks and outstanding examples in action.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Would you like to create and use unique icons for your tags in ThingLink content? It&#8217;s simple &#8211; let us guide you through it! ThingLink&#8217;s new and&#8230;<\/p>\n","protected":false},"author":6,"featured_media":9186,"comment_status":"closed","ping_status":"closed","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":[454],"tags":[299,177,163],"_links":{"self":[{"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/posts\/3620"}],"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\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/comments?post=3620"}],"version-history":[{"count":4,"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/posts\/3620\/revisions"}],"predecessor-version":[{"id":9184,"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/posts\/3620\/revisions\/9184"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/media\/9186"}],"wp:attachment":[{"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/media?parent=3620"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/categories?post=3620"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.thinglink.com\/blog\/wp-json\/wp\/v2\/tags?post=3620"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}