{"id":56,"date":"2021-04-21T08:28:02","date_gmt":"2021-04-21T08:28:02","guid":{"rendered":"https:\/\/utillz.com\/docs\/brikk\/content\/import-icon-set\/"},"modified":"2025-01-22T05:13:21","modified_gmt":"2025-01-22T05:13:21","slug":"import-icon-set","status":"publish","type":"page","link":"https:\/\/utillz.com\/docs\/brikk\/content\/import-icon-set\/","title":{"rendered":"Import icon set"},"content":{"rendered":"

You can edit and manage your icons sets under Listing Types <\/i> Icons Sets<\/strong>.<\/p>\n

Click the button Add new<\/strong> to add a new icon set, set a name.<\/p>\n

\"\"<\/p>\n

Click the button to browse a font file. The font file must be generated through the\u00c2\u00a0IcoMoon App<\/a>, it allows you to use tens of pre-defined sets or create your own font using SVG icons.<\/p>\n

\"\"<\/p>\n

IMPORTANT<\/strong> When generating the font, you need to select name and class prefix. Also, please avoid the prefix icon.<\/p>\n

\"\"<\/p>\n

Download the icon set and browse the file, the page will be reloaded automatically. The font will be parsed and the icons should appear. If you make changes, you can re-upload the set by clicking the button `Reload icon set`.<\/p>\n

\"\"<\/p>\n

If you expand the icon selection field, the dropdown for set should display your custom font:<\/p>\n

\"\"<\/p>\n

Steps to export and import icons from iconmoon App:<\/strong><\/p>\n

1.Navigate to the Admin Dashboard.<\/p>\n

2.Go to the Listing Type tab and select Icon Sets.<\/p>\n

3.Click Add Icon Set.<\/p>\n

4.Enter a name for your icon set and publish it.<\/p>\n

5.Click on “Upload your icon package generated by the Icomoon App”.<\/p>\n

6.In the Icomoon App, select the icons you want to export.<\/p>\n

7.Click the Generate Font button at the bottom-right corner.<\/p>\n

8.Then, click the Download Font button in the same area.<\/p>\n

9. Return to your website, upload the downloaded file to the icon set you created, and click the Update\u00a0 button.<\/p>\n","protected":false},"excerpt":{"rendered":"

You can edit and manage your icons sets under Listing Types Icons Sets. Click the button Add new to add a new icon set, set …<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":38,"menu_order":15,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/utillz.com\/docs\/brikk\/wp-json\/wp\/v2\/pages\/56"}],"collection":[{"href":"https:\/\/utillz.com\/docs\/brikk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/utillz.com\/docs\/brikk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/utillz.com\/docs\/brikk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/utillz.com\/docs\/brikk\/wp-json\/wp\/v2\/comments?post=56"}],"version-history":[{"count":0,"href":"https:\/\/utillz.com\/docs\/brikk\/wp-json\/wp\/v2\/pages\/56\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/utillz.com\/docs\/brikk\/wp-json\/wp\/v2\/pages\/38"}],"wp:attachment":[{"href":"https:\/\/utillz.com\/docs\/brikk\/wp-json\/wp\/v2\/media?parent=56"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}