{"id":615,"date":"2022-03-14T06:39:28","date_gmt":"2022-03-14T06:39:28","guid":{"rendered":"https:\/\/iamvector.com\/blog\/?p=615"},"modified":"2024-01-06T07:15:28","modified_gmt":"2024-01-06T07:15:28","slug":"how-to-convert-the-icons-into-base64","status":"publish","type":"post","link":"https:\/\/iamvector.com\/blog\/how-to-convert-the-icons-into-base64\/","title":{"rendered":"Convert SVG Icons into BASE64 &#8211; Free and Online"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_81 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/iamvector.com\/blog\/how-to-convert-the-icons-into-base64\/#Icons_BASE_64and_their_usefulness\" >Icons, BASE 64and their usefulness<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/iamvector.com\/blog\/how-to-convert-the-icons-into-base64\/#Benefits_of_using_BASE_64_file_formats\" >Benefits of using BASE 64 file formats<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/iamvector.com\/blog\/how-to-convert-the-icons-into-base64\/#The_process_to_alter_Icons_to_BASE_64_images\" >The process to alter Icons to BASE 64 images<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/iamvector.com\/blog\/how-to-convert-the-icons-into-base64\/#Wrap_up\" >Wrap up:<\/a><\/li><\/ul><\/nav><\/div>\n\n<p>Converting free SVG icons into BASE64 format requires developing an understanding of it. It cannot be done without the help and thus, mostly everyone has to rely on BASE 64 converters available in the market.\u00a0<\/p>\n\n\n\n<p>Before we delve more into its details, we must clear a few facts related to such conversions. We will also see if <strong><a href=\"https:\/\/iamvector.com\/blog\/base64-encoding-assets\/\">BASE 64<\/a><\/strong> converter tools are the only way out or if there can be many other ways to do it without them.<\/p>\n\n\n\n<p>We would begin first by talking more about Icons.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"719\" src=\"https:\/\/iamvector.com\/blog\/wp-content\/uploads\/2024\/01\/base64-_1_.webp\" alt=\"SVG icons into BASE64\" class=\"wp-image-3010\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Icons_BASE_64and_their_usefulness\"><\/span><strong>Icons, BASE 64and their usefulness<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>ICO is a file format that contains an ICON- a tiny digital-friendly image with a few striking features that makes it so popular.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>The size and color of an icon can be altered.<\/li>\n\n\n\n<li>The image depth can also be changed at any time.&nbsp;<\/li>\n\n\n\n<li>ICO is mostly Microsoft Windows-friendly images.<\/li>\n\n\n\n<li>The color depth of every ICO file must be less than 32 bit,<\/li>\n\n\n\n<li>They will contain two types of bitmap- 1- AND bitmap alongwith XOR bitmap.<\/li>\n<\/ol>\n\n\n\n<p>Any image that symbolizes or depicts a program, file type, or company is known as an icon. An icon\u2019s uniqueness is what matters the most as they are used in websites, logos, and even features images.&nbsp;<\/p>\n\n\n\n<p>Usually, the friendliest icon format is the SVG format. Many websites host a <strong><a style=\"text-decoration:none;\" href=\"https:\/\/iamvector.com\/\">free SVG icon <\/a><\/strong> converter like <a href=\"https:\/\/iamvector.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Iamvector<\/a> for creating proper SVG icons from other formats.\u00a0<\/p>\n\n\n\n<p>If you are here to know why we need an image or icon in the BASE 64 format, then you must also know a bit about BASE 64 before moving ahead to the conversion part.&nbsp;<\/p>\n\n\n\n<p>To put it simply with BASE 64, one can make icon images in text format. The binary that goes into text coding creation (encoding data to its plain text) is present with BASE 64. It is extremely popular in the World Wide Web as its use in HTML or CSS text files is immense. BASE 64 is the process that goes into sending to-and-fro email attachments. It is the text version of bytes, in short, and frankly has nothing to do with images.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Benefits_of_using_BASE_64_file_formats\"><\/span><strong>Benefits of using BASE 64 file formats<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>The primary benefits of using the <strong><a style=\"text-decoration:none;\" href=\"https:\/\/iamvector.com\/icons\/all-icons\">BASE 64 <\/a><\/strong>, a basic binary to ASCII encoding mechanism includes the following;<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>If you want to transfer or store data within a character set, you can try to do so in BASE 64 format. The basic <strong><a href=\"https:\/\/inchoo.net\/magento\/what-is-base64-encoding-and-how-can-we-benefit-from-it\/\">benefit of using BASE 64 format<\/a><\/strong> is when someone wants to transmit the binary data as ASCII characters. This way binary data can be easily transmitted in ASCII formats.<\/li>\n\n\n\n<li>When you need to preserve the icon in a text field somewhere you can try using BASE 64 format.<\/li>\n\n\n\n<li>You can also use it to embed binary data within an XML file.<\/li>\n\n\n\n<li>BASE 64 can be used when users need to communicate with government fiscal sign printing machines.<\/li>\n\n\n\n<li>It can be used to code images within scripts.<\/li>\n\n\n\n<li>Using it in CSS property such as the background image is a way one can utilize the BASE 64 format.<\/li>\n\n\n\n<li>When you need a non-corrupted dataset for yourself.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"The_process_to_alter_Icons_to_BASE_64_images\"><\/span><strong>The process to alter Icons to BASE 64 images<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>There are a few ways to alter icons to their BASE 64 counterparts.<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>The first way will show you a manual way to convert icons to their BASE 64 versions in JAVA.<\/li>\n\n\n\n<li>Secondly, you can use a BASE 64 image converter for converting icon files.<\/li>\n\n\n\n<li>Manual way to convert icons to the BASE 64 formats<\/li>\n<\/ol>\n\n\n\n<p>To convert icons (including free SVG icons) to their BASE 64 formats, you can try the below process.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Take a local file you want to convert <em>\/users\/youruser\/documents\/Myicon.ico<\/em>.<\/li>\n\n\n\n<li>Tag it with the BASE 64 file so that it prints the file in that format.<\/li>\n<\/ul>\n\n\n\n<p><em>\u201cpublic static void main (String[] args) throws IOException&nbsp;<\/em><\/p>\n\n\n\n<p><em>{final String fullImagePath = &#8220;\/Users\/youruser\/Documents\/MyIcon.ico&#8221;;<\/em><\/p>\n\n\n\n<p><em>final String base64 = fileToBase64 (Paths.get (fullImagePath));<\/em><\/p>\n\n\n\n<p><em>System.out.println(base64)\u201d<\/em><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The BASE 64 output file data is visible on your console.<\/li>\n\n\n\n<li>Now, take it up and build an image file out of it.<\/li>\n<\/ul>\n\n\n\n<p>While building it, you must remember that the prefix is very important.<\/p>\n\n\n\n<p>Like if you place the data prefix, you are telling your system, it is not an URL of any sort.<\/p>\n\n\n\n<p>If you place image\/x-icon will direct the icon format\u2019s release.<\/p>\n\n\n\n<p>When you will place base64, THE_BASE_64_STRING, you are telling the browser it is a BASE 64 file.<\/p>\n\n\n\n<p>For an input command for your JAVA file, <em>import java.util.BASE64.<\/em><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Use a BASE 64 image converter<\/strong><\/h3>\n\n\n\n<p>An image converter will allow easy conversion of free icon files to BASE 64 formats.&nbsp;<\/p>\n\n\n\n<p>On the converter, press on the Add File tab, and then from the dropdown, choose BASE 64 and convert your file accordingly.<\/p>\n\n\n\n<p>There are many icon converters online, try to use any that suits your need and that has a faster conversion rate.&nbsp;<\/p>\n\n\n\n<p>Here are a few general steps for converting SVG icons into BASE64 via online converters.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You must select the image source for yourself.<\/li>\n\n\n\n<li>Paste the URL in the space meant for it.<\/li>\n\n\n\n<li>You can also choose an ICON as an image for your computer.<\/li>\n\n\n\n<li>There will be a tab that will instruct you to press it for converting icon files to Base 64 formats.<\/li>\n\n\n\n<li>Once the file conversion completes, download the converted file on your system.<\/li>\n<\/ul>\n\n\n\n<p>Generally, the input format for the file will all be ICO file type.<\/p>\n\n\n\n<p>For the Output files, like a red dot ICO file, you must find these BASE 64 encoded ICO image formats.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Wrap_up\"><\/span>Wrap up:<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>This is practically what is a must-to-know about BASE 64.If you intend to use the BASE 64 format, it is wise to begin by collecting information about it from different sources. One of the sources for reference is this article, read thoroughly to understand more about the conversion of SVG icons into BASE64 formats. All free SVG icons and PNG files can be easily converted into this format.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Converting free SVG icons into BASE64 format requires developing an understanding of it. It cannot be done without the help and thus, mostly everyone has to rely on BASE 64 converters available in the market.\u00a0 Before we delve more into its details, we must clear a few facts related to such conversions. We will also [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":618,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rop_custom_images_group":[],"rop_custom_messages_group":[],"rop_publish_now":"initial","rop_publish_now_accounts":[],"rop_publish_now_history":[],"rop_publish_now_status":"pending","footnotes":""},"categories":[72],"tags":[6,42],"class_list":{"0":"post-615","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-tools","8":"tag-base-64","9":"tag-free-svg-icons"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Convert SVG Icons Into BASE64 - Online &amp; Free<\/title>\n<meta name=\"description\" content=\"Converting free SVG icons into BASE64 format requires developing an understanding towards it. It cannot be done without the help.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/iamvector.com\/blog\/how-to-convert-the-icons-into-base64\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Convert SVG Icons Into BASE64 - Online &amp; Free\" \/>\n<meta property=\"og:description\" content=\"Converting free SVG icons into BASE64 format requires developing an understanding towards it. It cannot be done without the help.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/iamvector.com\/blog\/how-to-convert-the-icons-into-base64\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-03-14T06:39:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-06T07:15:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/iamvector.com\/blog\/wp-content\/uploads\/2022\/03\/base64.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"719\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Gulshan Kumar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Gulshan Kumar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/iamvector.com\/blog\/how-to-convert-the-icons-into-base64\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/iamvector.com\/blog\/how-to-convert-the-icons-into-base64\/\"},\"author\":{\"name\":\"Gulshan Kumar\",\"@id\":\"https:\/\/iamvector.com\/blog\/#\/schema\/person\/0b71ecfa1e688957a579b6caa0a30745\"},\"headline\":\"Convert SVG Icons into BASE64 &#8211; Free and Online\",\"datePublished\":\"2022-03-14T06:39:28+00:00\",\"dateModified\":\"2024-01-06T07:15:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/iamvector.com\/blog\/how-to-convert-the-icons-into-base64\/\"},\"wordCount\":977,\"image\":{\"@id\":\"https:\/\/iamvector.com\/blog\/how-to-convert-the-icons-into-base64\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/iamvector.com\/blog\/wp-content\/uploads\/2022\/03\/base64.png\",\"keywords\":[\"BASE 64\",\"Free SVG icons\"],\"articleSection\":[\"Tools\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/iamvector.com\/blog\/how-to-convert-the-icons-into-base64\/\",\"url\":\"https:\/\/iamvector.com\/blog\/how-to-convert-the-icons-into-base64\/\",\"name\":\"Convert SVG Icons Into BASE64 - Online & Free\",\"isPartOf\":{\"@id\":\"https:\/\/iamvector.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/iamvector.com\/blog\/how-to-convert-the-icons-into-base64\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/iamvector.com\/blog\/how-to-convert-the-icons-into-base64\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/iamvector.com\/blog\/wp-content\/uploads\/2022\/03\/base64.png\",\"datePublished\":\"2022-03-14T06:39:28+00:00\",\"dateModified\":\"2024-01-06T07:15:28+00:00\",\"author\":{\"@id\":\"https:\/\/iamvector.com\/blog\/#\/schema\/person\/0b71ecfa1e688957a579b6caa0a30745\"},\"description\":\"Converting free SVG icons into BASE64 format requires developing an understanding towards it. It cannot be done without the help.\",\"breadcrumb\":{\"@id\":\"https:\/\/iamvector.com\/blog\/how-to-convert-the-icons-into-base64\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/iamvector.com\/blog\/how-to-convert-the-icons-into-base64\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/iamvector.com\/blog\/how-to-convert-the-icons-into-base64\/#primaryimage\",\"url\":\"https:\/\/iamvector.com\/blog\/wp-content\/uploads\/2022\/03\/base64.png\",\"contentUrl\":\"https:\/\/iamvector.com\/blog\/wp-content\/uploads\/2022\/03\/base64.png\",\"width\":1280,\"height\":719,\"caption\":\"convert the icons into BASE64\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/iamvector.com\/blog\/how-to-convert-the-icons-into-base64\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/iamvector.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Convert SVG Icons into BASE64 &#8211; Free and Online\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/iamvector.com\/blog\/#website\",\"url\":\"https:\/\/iamvector.com\/blog\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/iamvector.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/iamvector.com\/blog\/#\/schema\/person\/0b71ecfa1e688957a579b6caa0a30745\",\"name\":\"Gulshan Kumar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/iamvector.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/iamvector.com\/blog\/wp-content\/uploads\/2025\/04\/IMG_20250215_211556_839__2_-removebg-preview.png\",\"contentUrl\":\"https:\/\/iamvector.com\/blog\/wp-content\/uploads\/2025\/04\/IMG_20250215_211556_839__2_-removebg-preview.png\",\"caption\":\"Gulshan Kumar\"},\"description\":\"Gulshan Kumar is a WordPress and full-stack developer, as well as a fitness freak. He loves coding and enjoys sharing his knowledge with the community. This lad started his journey back in 2018 and since then, he\u2019s been customizing IamVector and writing about what he knows best.\",\"url\":\"https:\/\/iamvector.com\/blog\/author\/gulshan3442\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Convert SVG Icons Into BASE64 - Online & Free","description":"Converting free SVG icons into BASE64 format requires developing an understanding towards it. It cannot be done without the help.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/iamvector.com\/blog\/how-to-convert-the-icons-into-base64\/","og_locale":"en_US","og_type":"article","og_title":"Convert SVG Icons Into BASE64 - Online & Free","og_description":"Converting free SVG icons into BASE64 format requires developing an understanding towards it. It cannot be done without the help.","og_url":"https:\/\/iamvector.com\/blog\/how-to-convert-the-icons-into-base64\/","article_published_time":"2022-03-14T06:39:28+00:00","article_modified_time":"2024-01-06T07:15:28+00:00","og_image":[{"width":1280,"height":719,"url":"https:\/\/iamvector.com\/blog\/wp-content\/uploads\/2022\/03\/base64.png","type":"image\/png"}],"author":"Gulshan Kumar","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Gulshan Kumar","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/iamvector.com\/blog\/how-to-convert-the-icons-into-base64\/#article","isPartOf":{"@id":"https:\/\/iamvector.com\/blog\/how-to-convert-the-icons-into-base64\/"},"author":{"name":"Gulshan Kumar","@id":"https:\/\/iamvector.com\/blog\/#\/schema\/person\/0b71ecfa1e688957a579b6caa0a30745"},"headline":"Convert SVG Icons into BASE64 &#8211; Free and Online","datePublished":"2022-03-14T06:39:28+00:00","dateModified":"2024-01-06T07:15:28+00:00","mainEntityOfPage":{"@id":"https:\/\/iamvector.com\/blog\/how-to-convert-the-icons-into-base64\/"},"wordCount":977,"image":{"@id":"https:\/\/iamvector.com\/blog\/how-to-convert-the-icons-into-base64\/#primaryimage"},"thumbnailUrl":"https:\/\/iamvector.com\/blog\/wp-content\/uploads\/2022\/03\/base64.png","keywords":["BASE 64","Free SVG icons"],"articleSection":["Tools"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/iamvector.com\/blog\/how-to-convert-the-icons-into-base64\/","url":"https:\/\/iamvector.com\/blog\/how-to-convert-the-icons-into-base64\/","name":"Convert SVG Icons Into BASE64 - Online & Free","isPartOf":{"@id":"https:\/\/iamvector.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/iamvector.com\/blog\/how-to-convert-the-icons-into-base64\/#primaryimage"},"image":{"@id":"https:\/\/iamvector.com\/blog\/how-to-convert-the-icons-into-base64\/#primaryimage"},"thumbnailUrl":"https:\/\/iamvector.com\/blog\/wp-content\/uploads\/2022\/03\/base64.png","datePublished":"2022-03-14T06:39:28+00:00","dateModified":"2024-01-06T07:15:28+00:00","author":{"@id":"https:\/\/iamvector.com\/blog\/#\/schema\/person\/0b71ecfa1e688957a579b6caa0a30745"},"description":"Converting free SVG icons into BASE64 format requires developing an understanding towards it. It cannot be done without the help.","breadcrumb":{"@id":"https:\/\/iamvector.com\/blog\/how-to-convert-the-icons-into-base64\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/iamvector.com\/blog\/how-to-convert-the-icons-into-base64\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/iamvector.com\/blog\/how-to-convert-the-icons-into-base64\/#primaryimage","url":"https:\/\/iamvector.com\/blog\/wp-content\/uploads\/2022\/03\/base64.png","contentUrl":"https:\/\/iamvector.com\/blog\/wp-content\/uploads\/2022\/03\/base64.png","width":1280,"height":719,"caption":"convert the icons into BASE64"},{"@type":"BreadcrumbList","@id":"https:\/\/iamvector.com\/blog\/how-to-convert-the-icons-into-base64\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/iamvector.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Convert SVG Icons into BASE64 &#8211; Free and Online"}]},{"@type":"WebSite","@id":"https:\/\/iamvector.com\/blog\/#website","url":"https:\/\/iamvector.com\/blog\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/iamvector.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/iamvector.com\/blog\/#\/schema\/person\/0b71ecfa1e688957a579b6caa0a30745","name":"Gulshan Kumar","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/iamvector.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/iamvector.com\/blog\/wp-content\/uploads\/2025\/04\/IMG_20250215_211556_839__2_-removebg-preview.png","contentUrl":"https:\/\/iamvector.com\/blog\/wp-content\/uploads\/2025\/04\/IMG_20250215_211556_839__2_-removebg-preview.png","caption":"Gulshan Kumar"},"description":"Gulshan Kumar is a WordPress and full-stack developer, as well as a fitness freak. He loves coding and enjoys sharing his knowledge with the community. This lad started his journey back in 2018 and since then, he\u2019s been customizing IamVector and writing about what he knows best.","url":"https:\/\/iamvector.com\/blog\/author\/gulshan3442\/"}]}},"_links":{"self":[{"href":"https:\/\/iamvector.com\/blog\/wp-json\/wp\/v2\/posts\/615","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iamvector.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/iamvector.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/iamvector.com\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/iamvector.com\/blog\/wp-json\/wp\/v2\/comments?post=615"}],"version-history":[{"count":7,"href":"https:\/\/iamvector.com\/blog\/wp-json\/wp\/v2\/posts\/615\/revisions"}],"predecessor-version":[{"id":3011,"href":"https:\/\/iamvector.com\/blog\/wp-json\/wp\/v2\/posts\/615\/revisions\/3011"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/iamvector.com\/blog\/wp-json\/wp\/v2\/media\/618"}],"wp:attachment":[{"href":"https:\/\/iamvector.com\/blog\/wp-json\/wp\/v2\/media?parent=615"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/iamvector.com\/blog\/wp-json\/wp\/v2\/categories?post=615"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/iamvector.com\/blog\/wp-json\/wp\/v2\/tags?post=615"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}