{"id":829,"date":"2020-09-09T03:46:18","date_gmt":"2020-09-09T03:46:18","guid":{"rendered":"http:\/\/oceanthemes.net\/docs\/progrisaas\/?p=829"},"modified":"2020-09-09T03:46:18","modified_gmt":"2020-09-09T03:46:18","slug":"how-to-upload-svg-from-flaticon","status":"publish","type":"post","link":"https:\/\/docs.oceanthemes.site\/progrisaas\/how-to-upload-svg-from-flaticon\/","title":{"rendered":"3. How to use icon SVGs from Flaticon"},"content":{"rendered":"\n<h4 class=\"wp-block-heading\" id=\"block-9c24735e-4f6d-4d18-bd8f-acf1fcf50d6e\">1. Search your icon then click download SVG: <a href=\"https:\/\/www.flaticon.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.flaticon.com\/<\/a><\/h4>\n\n\n\n<figure class=\"wp-block-image\" id=\"block-85531d89-ef05-4cba-91b9-825a09cff36d\"><img decoding=\"async\" src=\"http:\/\/oceanthemes.net\/docs\/theratio\/wp-content\/uploads\/sites\/6\/2020\/08\/flaticon-1024x459.png\" alt=\"This image has an empty alt attribute; its file name is flaticon-1024x459.png\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"block-8a884946-065e-4459-ad69-a8491d58c843\">2. Upload SVG to your website<\/h4>\n\n\n\n<p id=\"block-a9295338-8ec2-4ba8-bf5b-731e3585750b\"><strong>Option 1<\/strong>: Go to <strong>Admin &gt; Media &gt; Add New<\/strong><\/p>\n\n\n\n<p id=\"block-4621831f-68e3-49d2-a786-16aaab40f5d1\"><strong>Option 2<\/strong>: Upload by using the Elementor widget that supports the SVG upload function.<\/p>\n\n\n\n<figure class=\"wp-block-image\" id=\"block-eec17367-2573-4e95-9c78-87c2875b634f\"><img decoding=\"async\" src=\"http:\/\/oceanthemes.net\/docs\/theratio\/wp-content\/uploads\/sites\/6\/2020\/08\/widget-icon.png\" alt=\"This image has an empty alt attribute; its file name is widget-icon.png\" \/><\/figure>\n\n\n\n<p><strong><span class=\"has-inline-color has-vivid-red-color\">Note:<\/span><\/strong> make sure removing <strong>width <\/strong>and <strong>height<\/strong> of SVGs before uploading<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"http:\/\/oceanthemes.net\/docs\/engitech\/wp-content\/uploads\/sites\/5\/2020\/10\/svgs-icon.png\" alt=\"\" class=\"wp-image-784\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>1. Search your icon then click download SVG: https:\/\/www.flaticon.com\/ 2. Upload SVG to your website Option 1: Go to Admin &gt; Media &gt; Add New Option 2: Upload by using the Elementor widget that supports the SVG upload function. Note: make sure removing width and height of SVGs before uploading<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[],"class_list":["post-829","post","type-post","status-publish","format-standard","hentry","category-18-faqs"],"_links":{"self":[{"href":"https:\/\/docs.oceanthemes.site\/progrisaas\/wp-json\/wp\/v2\/posts\/829","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.oceanthemes.site\/progrisaas\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.oceanthemes.site\/progrisaas\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.oceanthemes.site\/progrisaas\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.oceanthemes.site\/progrisaas\/wp-json\/wp\/v2\/comments?post=829"}],"version-history":[{"count":0,"href":"https:\/\/docs.oceanthemes.site\/progrisaas\/wp-json\/wp\/v2\/posts\/829\/revisions"}],"wp:attachment":[{"href":"https:\/\/docs.oceanthemes.site\/progrisaas\/wp-json\/wp\/v2\/media?parent=829"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.oceanthemes.site\/progrisaas\/wp-json\/wp\/v2\/categories?post=829"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.oceanthemes.site\/progrisaas\/wp-json\/wp\/v2\/tags?post=829"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}