{"id":2936,"date":"2023-02-14T17:07:14","date_gmt":"2023-02-14T17:07:14","guid":{"rendered":"https:\/\/obo.zoj.mybluehost.me\/uncategorized\/global-icon-library\/"},"modified":"2025-01-09T12:13:48","modified_gmt":"2025-01-09T12:13:48","slug":"global-icon-library","status":"publish","type":"post","link":"https:\/\/ioninteractive.com\/ionacademy\/global-icon-library\/","title":{"rendered":"Global Icon Library"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\">Upload icons to the global icon library<\/h3>\n\n\n\n<p>To access the global icon library, click the Libraries icon in your ion console&#8217;s side nav and then click the Icons tab.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"528\" loading=\"lazy\" src=\"https:\/\/obo.zoj.mybluehost.me\/wp-content\/uploads\/2025\/01\/Screen-Shot-2024-04-05-at-2.40.22-PM-1024x528-1.png\" alt=\"\" class=\"wp-image-7119\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/01\/Screen-Shot-2024-04-05-at-2.40.22-PM-1024x528-1.png 1024w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/01\/Screen-Shot-2024-04-05-at-2.40.22-PM-1024x528-1-300x155.png 300w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/01\/Screen-Shot-2024-04-05-at-2.40.22-PM-1024x528-1-768x396.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>From here, you can upload an icon by clicking the blue &#8220;Upload icons&#8221; button.<\/p>\n\n\n\n<p><strong>*NOTE:<\/strong> Only SVG files can be uploaded to the icon library.<\/p>\n\n\n\n<p>Icons can be uploaded to an existing category, or you can create a new one\u2014categories are just a helpful way to group and organize your icons. Once uploaded and saved, these images will be available when creating\/editing your pages.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Adding icons to your creatives<\/h3>\n\n\n\n<p>Now you can add icons to your creatives!<\/p>\n\n\n\n<p>To do so, navigate into your page editor, hover over the Basics category and then drag the flower icon into your page to add a new icon.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"332\" height=\"311\" loading=\"lazy\" src=\"https:\/\/obo.zoj.mybluehost.me\/wp-content\/uploads\/2025\/01\/Screenshot_1.png\" alt=\"\" class=\"wp-image-7116\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/01\/Screenshot_1.png 332w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2025\/01\/Screenshot_1-300x281.png 300w\" sizes=\"auto, (max-width: 332px) 100vw, 332px\" \/><\/figure>\n\n\n<p>You should now see a flyout where you can view all of your icons. From here, select the category that houses the icon you want to use and then click the thumbnail of the icon on the right.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"hs-image-align-none\" src=\"https:\/\/obo.zoj.mybluehost.me\/wp-content\/uploads\/2023\/08\/Screen-Shot-2021-03-31-at-4-03-55-PM-png.png\" \/><\/p>\n<p>After adding an icon to your page, you will be able to edit the dimensions, use the color picker to change the color and even change the rotation of your icon directly within your creative studio. You can even click the download button to download the SVG file from your console.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"hs-image-align-none\" src=\"https:\/\/obo.zoj.mybluehost.me\/wp-content\/uploads\/2023\/08\/Screen-Shot-2021-03-31-at-4-10-03-PM-png.png\" \/><\/p>\n<hr \/>\n<p data-pm-slice=\"1 1 [&quot;bullet_list&quot;,{},&quot;list_item&quot;,{}]\">If you have any questions, please contact us on <a href=\"mailto:help@ioninteractive.com\" rel=\"noopener noreferrer nofollow\">help@ioninteractive.com<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>Upload icons to the global icon library To access the global icon library, click the Libraries icon in your ion console&#8217;s side nav and then click the Icons tab. From here, you can upload [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":5743,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","footnotes":""},"categories":[1402,22],"tags":[2303,2147],"class_list":["post-2936","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-icon-en","category-the-functionalities","tag-icon","tag-ion-libraries"],"_links":{"self":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/2936","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/comments?post=2936"}],"version-history":[{"count":3,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/2936\/revisions"}],"predecessor-version":[{"id":7122,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/2936\/revisions\/7122"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media\/5743"}],"wp:attachment":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media?parent=2936"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/categories?post=2936"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/tags?post=2936"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}