{"id":2065,"date":"2023-06-23T09:52:33","date_gmt":"2023-06-23T09:52:33","guid":{"rendered":"https:\/\/iamvector.com\/blog\/?p=2065"},"modified":"2023-09-15T10:58:05","modified_gmt":"2023-09-15T10:58:05","slug":"what-are-svg-images-coding-role-usage-and-benefits-explained","status":"publish","type":"post","link":"https:\/\/iamvector.com\/blog\/what-are-svg-images-coding-role-usage-and-benefits-explained\/","title":{"rendered":"What are SVG Images? Coding Role, Usage and Benefits &#8211; Explained"},"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\/what-are-svg-images-coding-role-usage-and-benefits-explained\/#What_are_SVG_images\" >What are SVG images?<\/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\/what-are-svg-images-coding-role-usage-and-benefits-explained\/#_Role_of_Code_in_Creating_SVG_Images\" >&nbsp;Role of Code in Creating SVG Images?<\/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\/what-are-svg-images-coding-role-usage-and-benefits-explained\/#Where_Do_We_SVG_Images\" >Where Do We SVG 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\/what-are-svg-images-coding-role-usage-and-benefits-explained\/#What_Advantages_are_of_SVG_Images\" >What Advantages are of SVG Images?&nbsp;<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/iamvector.com\/blog\/what-are-svg-images-coding-role-usage-and-benefits-explained\/#Wrapping_Up\" >Wrapping Up<\/a><\/li><\/ul><\/nav><\/div>\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"628\" src=\"https:\/\/iamvector.com\/blog\/wp-content\/uploads\/2023\/06\/What-are-SVG-Images-Coding-Role-Usage-and-Benefits-1.png\" alt=\"\" class=\"wp-image-2067\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"What_are_SVG_images\"><\/span><strong>What are SVG images?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>SVG stands for Scalable Vector Graphics. It is an XML-based markup language used to create vector graphics. Vector graphics are images that are defined by mathematical equations and geometric shapes, rather than pixels. This means that SVG images can be scaled up or down without losing any quality or becoming pixelated.<\/p>\n\n\n\n<p>SVG images can be created using a text editor or dedicated graphic design software such as Adobe Illustrator or Inkscape. They can also be modified using CSS and JavaScript to create interactive and animated graphics.<\/p>\n\n\n\n<p>SVG images are widely used on the web because they have a small file size and can be easily manipulated without losing quality. They are particularly useful for creating logos, icons, and other graphics that need to be displayed at different size.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"_Role_of_Code_in_Creating_SVG_Images\"><\/span><strong>&nbsp;Role of Code in Creating SVG Images?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>The code plays a crucial role in creating SVG images. <strong><a href=\"https:\/\/iamvector.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">SVG icons<\/a><\/strong> are created using XML-based markup language and can be modified using CSS and JavaScript. The code defines the shapes, lines, curves, and other elements that make up the image. By manipulating the code, designers can change the size, color, and shape of the image. They can also add animations, interactivity, and other effects to the image using CSS and JavaScript.<\/p>\n\n\n\n<p>In addition, the code can be used to embed SVG images directly into HTML documents[3]. This allows designers to create dynamic and responsive web pages that load quickly and look great on any device.<\/p>\n\n\n\n<p><a href=\"https:\/\/iamvector.com\/svg-editor\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-red-color\"><strong>Check out the SVG code editor&nbsp;<\/strong><\/mark><\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Where_Do_We_SVG_Images\"><\/span><strong>Where Do We SVG Images?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><strong>SVG images are used in a variety of applications, including:<\/strong><\/p>\n\n\n\n<p><strong>Web design:<\/strong> SVG images are widely used in web design because they can be scaled to any size without losing quality. They are particularly useful for creating logos, icons, and other graphics that need to be displayed at different sizes.<\/p>\n\n\n\n<p><strong>Mobile apps:<\/strong> SVG images are often used in mobile apps because they have a small file size and can be easily scaled to fit different screen sizes.<\/p>\n\n\n\n<p><strong>Infographics:<\/strong> SVG images are commonly used in infographics because they can be easily modified and customized to display data in a visually appealing way.<\/p>\n\n\n\n<p><strong>User interfaces:<\/strong> SVG images are used in user interfaces because they can be easily animated and provide a more engaging user experience.<\/p>\n\n\n\n<p><strong>Print media:<\/strong> SVG images can be used in print media such as brochures, posters, and flyers because they can be easily exported to high-resolution images without losing quality.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"What_Advantages_are_of_SVG_Images\"><\/span><strong>What Advantages are of SVG Images?&nbsp;<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>SVG images have several advantages over other image formats. One of the main advantages is that SVG images are vector-based, meaning that they can be scaled up or down without losing quality. This is in contrast to raster images like JPEG and PNG, which can become pixelated or blurry when scaled up. Additionally, SVG images have a smaller file size than raster images, making them faster to load on web pages.<\/p>\n\n\n\n<p>Another advantage of <strong><a href=\"https:\/\/iamvector.com\/blog\/how-can-svg-icons-improve-mobile-user-experience\/\" target=\"_blank\" rel=\"noreferrer noopener\">SVG images<\/a><\/strong> is that they are resolution-independent, meaning that they look sharp on any device, regardless of screen size or resolution. This makes them ideal for responsive web design, where images need to look good on a variety of devices.<\/p>\n\n\n\n<p>Finally, SVG images are easily customizable using CSS and JavaScript, allowing designers to create dynamic and interactive graphics that can be animated and modified in real time.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Wrapping_Up\"><\/span>Wrapping Up <span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>SVG images are better than other image formats because they are vector-based, have a smaller file size, are resolution-independent, and are easily customizable using CSS and JavaScript.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>What are SVG images? SVG stands for Scalable Vector Graphics. It is an XML-based markup language used to create vector graphics. Vector graphics are images that are defined by mathematical equations and geometric shapes, rather than pixels. This means that SVG images can be scaled up or down without losing any quality or becoming pixelated. [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":2066,"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":[71],"tags":[155],"class_list":{"0":"post-2065","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-graphic-designing","8":"tag-svg-images"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>What are SVG Images? Coding Role, Usage and Benefits - Explained<\/title>\n<meta name=\"description\" content=\"SVG stands for Scalable Vector Graphics. It is an XML-based markup language used to create vector graphics. Vector graphics are images that are defined by mathematical equations and geometric shapes, rather than pixels.\" \/>\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\/what-are-svg-images-coding-role-usage-and-benefits-explained\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What are SVG Images? Coding Role, Usage and Benefits - Explained\" \/>\n<meta property=\"og:description\" content=\"SVG stands for Scalable Vector Graphics. It is an XML-based markup language used to create vector graphics. Vector graphics are images that are defined by mathematical equations and geometric shapes, rather than pixels.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/iamvector.com\/blog\/what-are-svg-images-coding-role-usage-and-benefits-explained\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-06-23T09:52:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-09-15T10:58:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/iamvector.com\/blog\/wp-content\/uploads\/2023\/06\/What-are-SVG-Images-Coding-Role-Usage-and-Benefits.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Bhushan Verma\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Bhushan Verma\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/iamvector.com\/blog\/what-are-svg-images-coding-role-usage-and-benefits-explained\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/iamvector.com\/blog\/what-are-svg-images-coding-role-usage-and-benefits-explained\/\"},\"author\":{\"name\":\"Bhushan Verma\",\"@id\":\"https:\/\/iamvector.com\/blog\/#\/schema\/person\/fe73c4344668cdfcca00b239296c034d\"},\"headline\":\"What are SVG Images? Coding Role, Usage and Benefits &#8211; Explained\",\"datePublished\":\"2023-06-23T09:52:33+00:00\",\"dateModified\":\"2023-09-15T10:58:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/iamvector.com\/blog\/what-are-svg-images-coding-role-usage-and-benefits-explained\/\"},\"wordCount\":597,\"image\":{\"@id\":\"https:\/\/iamvector.com\/blog\/what-are-svg-images-coding-role-usage-and-benefits-explained\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/iamvector.com\/blog\/wp-content\/uploads\/2023\/06\/What-are-SVG-Images-Coding-Role-Usage-and-Benefits.png\",\"keywords\":[\"SVG images\"],\"articleSection\":[\"Graphic designing\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/iamvector.com\/blog\/what-are-svg-images-coding-role-usage-and-benefits-explained\/\",\"url\":\"https:\/\/iamvector.com\/blog\/what-are-svg-images-coding-role-usage-and-benefits-explained\/\",\"name\":\"What are SVG Images? Coding Role, Usage and Benefits - Explained\",\"isPartOf\":{\"@id\":\"https:\/\/iamvector.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/iamvector.com\/blog\/what-are-svg-images-coding-role-usage-and-benefits-explained\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/iamvector.com\/blog\/what-are-svg-images-coding-role-usage-and-benefits-explained\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/iamvector.com\/blog\/wp-content\/uploads\/2023\/06\/What-are-SVG-Images-Coding-Role-Usage-and-Benefits.png\",\"datePublished\":\"2023-06-23T09:52:33+00:00\",\"dateModified\":\"2023-09-15T10:58:05+00:00\",\"author\":{\"@id\":\"https:\/\/iamvector.com\/blog\/#\/schema\/person\/fe73c4344668cdfcca00b239296c034d\"},\"description\":\"SVG stands for Scalable Vector Graphics. It is an XML-based markup language used to create vector graphics. Vector graphics are images that are defined by mathematical equations and geometric shapes, rather than pixels.\",\"breadcrumb\":{\"@id\":\"https:\/\/iamvector.com\/blog\/what-are-svg-images-coding-role-usage-and-benefits-explained\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/iamvector.com\/blog\/what-are-svg-images-coding-role-usage-and-benefits-explained\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/iamvector.com\/blog\/what-are-svg-images-coding-role-usage-and-benefits-explained\/#primaryimage\",\"url\":\"https:\/\/iamvector.com\/blog\/wp-content\/uploads\/2023\/06\/What-are-SVG-Images-Coding-Role-Usage-and-Benefits.png\",\"contentUrl\":\"https:\/\/iamvector.com\/blog\/wp-content\/uploads\/2023\/06\/What-are-SVG-Images-Coding-Role-Usage-and-Benefits.png\",\"width\":1200,\"height\":628,\"caption\":\"What are SVG Images Coding Role, Usage and Benefits\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/iamvector.com\/blog\/what-are-svg-images-coding-role-usage-and-benefits-explained\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/iamvector.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What are SVG Images? Coding Role, Usage and Benefits &#8211; Explained\"}]},{\"@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\/fe73c4344668cdfcca00b239296c034d\",\"name\":\"Bhushan Verma\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/iamvector.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/blog.iamvector.com\/wp-content\/uploads\/2023\/08\/New-Project.jpg\",\"contentUrl\":\"https:\/\/blog.iamvector.com\/wp-content\/uploads\/2023\/08\/New-Project.jpg\",\"caption\":\"Bhushan Verma\"},\"description\":\"Optimizing life and web-pages. Either you will find me immersed in the world of images and vectors or watching cricket.\",\"url\":\"https:\/\/iamvector.com\/blog\/author\/bhushan-verma\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What are SVG Images? Coding Role, Usage and Benefits - Explained","description":"SVG stands for Scalable Vector Graphics. It is an XML-based markup language used to create vector graphics. Vector graphics are images that are defined by mathematical equations and geometric shapes, rather than pixels.","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\/what-are-svg-images-coding-role-usage-and-benefits-explained\/","og_locale":"en_US","og_type":"article","og_title":"What are SVG Images? Coding Role, Usage and Benefits - Explained","og_description":"SVG stands for Scalable Vector Graphics. It is an XML-based markup language used to create vector graphics. Vector graphics are images that are defined by mathematical equations and geometric shapes, rather than pixels.","og_url":"https:\/\/iamvector.com\/blog\/what-are-svg-images-coding-role-usage-and-benefits-explained\/","article_published_time":"2023-06-23T09:52:33+00:00","article_modified_time":"2023-09-15T10:58:05+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/iamvector.com\/blog\/wp-content\/uploads\/2023\/06\/What-are-SVG-Images-Coding-Role-Usage-and-Benefits.png","type":"image\/png"}],"author":"Bhushan Verma","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Bhushan Verma","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/iamvector.com\/blog\/what-are-svg-images-coding-role-usage-and-benefits-explained\/#article","isPartOf":{"@id":"https:\/\/iamvector.com\/blog\/what-are-svg-images-coding-role-usage-and-benefits-explained\/"},"author":{"name":"Bhushan Verma","@id":"https:\/\/iamvector.com\/blog\/#\/schema\/person\/fe73c4344668cdfcca00b239296c034d"},"headline":"What are SVG Images? Coding Role, Usage and Benefits &#8211; Explained","datePublished":"2023-06-23T09:52:33+00:00","dateModified":"2023-09-15T10:58:05+00:00","mainEntityOfPage":{"@id":"https:\/\/iamvector.com\/blog\/what-are-svg-images-coding-role-usage-and-benefits-explained\/"},"wordCount":597,"image":{"@id":"https:\/\/iamvector.com\/blog\/what-are-svg-images-coding-role-usage-and-benefits-explained\/#primaryimage"},"thumbnailUrl":"https:\/\/iamvector.com\/blog\/wp-content\/uploads\/2023\/06\/What-are-SVG-Images-Coding-Role-Usage-and-Benefits.png","keywords":["SVG images"],"articleSection":["Graphic designing"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/iamvector.com\/blog\/what-are-svg-images-coding-role-usage-and-benefits-explained\/","url":"https:\/\/iamvector.com\/blog\/what-are-svg-images-coding-role-usage-and-benefits-explained\/","name":"What are SVG Images? Coding Role, Usage and Benefits - Explained","isPartOf":{"@id":"https:\/\/iamvector.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/iamvector.com\/blog\/what-are-svg-images-coding-role-usage-and-benefits-explained\/#primaryimage"},"image":{"@id":"https:\/\/iamvector.com\/blog\/what-are-svg-images-coding-role-usage-and-benefits-explained\/#primaryimage"},"thumbnailUrl":"https:\/\/iamvector.com\/blog\/wp-content\/uploads\/2023\/06\/What-are-SVG-Images-Coding-Role-Usage-and-Benefits.png","datePublished":"2023-06-23T09:52:33+00:00","dateModified":"2023-09-15T10:58:05+00:00","author":{"@id":"https:\/\/iamvector.com\/blog\/#\/schema\/person\/fe73c4344668cdfcca00b239296c034d"},"description":"SVG stands for Scalable Vector Graphics. It is an XML-based markup language used to create vector graphics. Vector graphics are images that are defined by mathematical equations and geometric shapes, rather than pixels.","breadcrumb":{"@id":"https:\/\/iamvector.com\/blog\/what-are-svg-images-coding-role-usage-and-benefits-explained\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/iamvector.com\/blog\/what-are-svg-images-coding-role-usage-and-benefits-explained\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/iamvector.com\/blog\/what-are-svg-images-coding-role-usage-and-benefits-explained\/#primaryimage","url":"https:\/\/iamvector.com\/blog\/wp-content\/uploads\/2023\/06\/What-are-SVG-Images-Coding-Role-Usage-and-Benefits.png","contentUrl":"https:\/\/iamvector.com\/blog\/wp-content\/uploads\/2023\/06\/What-are-SVG-Images-Coding-Role-Usage-and-Benefits.png","width":1200,"height":628,"caption":"What are SVG Images Coding Role, Usage and Benefits"},{"@type":"BreadcrumbList","@id":"https:\/\/iamvector.com\/blog\/what-are-svg-images-coding-role-usage-and-benefits-explained\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/iamvector.com\/blog\/"},{"@type":"ListItem","position":2,"name":"What are SVG Images? Coding Role, Usage and Benefits &#8211; Explained"}]},{"@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\/fe73c4344668cdfcca00b239296c034d","name":"Bhushan Verma","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/iamvector.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/blog.iamvector.com\/wp-content\/uploads\/2023\/08\/New-Project.jpg","contentUrl":"https:\/\/blog.iamvector.com\/wp-content\/uploads\/2023\/08\/New-Project.jpg","caption":"Bhushan Verma"},"description":"Optimizing life and web-pages. Either you will find me immersed in the world of images and vectors or watching cricket.","url":"https:\/\/iamvector.com\/blog\/author\/bhushan-verma\/"}]}},"_links":{"self":[{"href":"https:\/\/iamvector.com\/blog\/wp-json\/wp\/v2\/posts\/2065","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\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/iamvector.com\/blog\/wp-json\/wp\/v2\/comments?post=2065"}],"version-history":[{"count":4,"href":"https:\/\/iamvector.com\/blog\/wp-json\/wp\/v2\/posts\/2065\/revisions"}],"predecessor-version":[{"id":2103,"href":"https:\/\/iamvector.com\/blog\/wp-json\/wp\/v2\/posts\/2065\/revisions\/2103"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/iamvector.com\/blog\/wp-json\/wp\/v2\/media\/2066"}],"wp:attachment":[{"href":"https:\/\/iamvector.com\/blog\/wp-json\/wp\/v2\/media?parent=2065"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/iamvector.com\/blog\/wp-json\/wp\/v2\/categories?post=2065"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/iamvector.com\/blog\/wp-json\/wp\/v2\/tags?post=2065"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}