{"id":1770812,"date":"2022-11-17T14:45:23","date_gmt":"2022-11-17T22:45:23","guid":{"rendered":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=1770812"},"modified":"2024-04-12T03:24:21","modified_gmt":"2024-04-12T10:24:21","slug":"upload-symbols-from-svg-in-the-updated-cim-symbol-builder","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/upload-symbols-from-svg-in-the-updated-cim-symbol-builder","title":{"rendered":"Upload symbols from SVG in the updated CIM Symbol Builder"},"author":10062,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_searchwp_excluded":""},"categories":[738191],"tags":[96582,757731,27491,31301,767002],"industry":[],"product":[761642,36831],"class_list":["post-1770812","blog","type-blog","status-publish","format-standard","hentry","category-developers","tag-arcgis-api-for-javascript","tag-cimsymbol","tag-jsapi4","tag-symbology","tag-whats-new-november-2022","product-platform","product-js-api-arcgis"],"acf":{"authors":[{"ID":10062,"user_firstname":"Anne","user_lastname":"Fitz","nickname":"Anne Fitz","user_nicename":"afitz","display_name":"Anne Fitz","user_email":"afitz@esri.com","user_url":"","user_registered":"2019-10-15 00:07:57","user_description":"Anne Fitz is a Senior Product Engineer at Esri, working on the ArcGIS Maps SDK for JavaScript and ArcGIS Arcade. Her expertise primarily focuses on dynamic vector symbology (CIM symbols), data visualization, animation, ArcGIS Arcade integration, and widgets. Anne\u2019s primary goal is to help developers succeed in building geospatial applications, providing them with the tools and knowledge they need to bring their ideas to life. She has been with Esri for over five years.","user_avatar":""}],"short_description":"In the latest update of the CIMSymbol Builder, you can upload symbols from an SVG file, allowing you to easily create custom multi-layer symbols.","flexible_content":[{"acf_fc_layout":"content","content":"

The CIM Symbol Builder<\/a> is a useful tool for creating custom, multi-layer vector symbols (also known as CIM symbols<\/a>) that can be used for features and graphics in the ArcGIS API for JavaScript<\/a>. CIM symbols are created from a JSON object that follows the CIM specification<\/a>. The CIM Symbol Builder provides a UI that allows you to easily add symbol layers and update properties without having to modify the JSON directly.<\/p>\n

In the November 2022 update of the CIM Symbol Builder, we added support for creating a symbol from an uploaded SVG file. Converting your SVG to a CIMSymbol allows you to take full advantage of all the different capabilities of CIMSymbols, such as creating multi-layer symbols, using data driven primitive overrides<\/a>, and more!<\/p>\n"},{"acf_fc_layout":"sidebar","content":"

This post only covers how to upload a symbol from an SVG file in the CIM Symbol Builder, but there is a lot more that can be done with this tool. For a full run through of the app and how to use it, check out this blog post<\/a>.<\/p>\n","image_reference":false,"layout":"standard","image_reference_figure":"","snippet":"","spotlight_name":"","section_title":"","position":"Center","spotlight_image":false},{"acf_fc_layout":"content","content":"

Upload a symbol from SVG<\/h1>\n

To upload an SVG file in the CIM Symbol Builder, start by clicking the Add symbol layer<\/code> button, and then going to the Custom<\/code> tab. There, you will see the +<\/code> button – this will allow you to either add a custom symbol from CIMSymbol JSON or Upload SVG.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1773012,"id":1773012,"title":"upload-svg","filename":"upload-svg-1.gif","filesize":1835068,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/upload-svg-1.gif","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/upload-symbols-from-svg-in-the-updated-cim-symbol-builder\/upload-svg-2","alt":"","author":"10062","description":"","caption":"Go to the Custom tab in the symbol gallery to upload a symbol from a SVG file.","name":"upload-svg-2","status":"inherit","uploaded_to":1770812,"date":"2022-11-15 21:04:59","modified":"2022-11-15 21:05:35","menu_order":0,"mime_type":"image\/gif","type":"image","subtype":"gif","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1240,"height":612,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/upload-svg-1-213x200.gif","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/upload-svg-1.gif","medium-width":464,"medium-height":229,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/upload-svg-1.gif","medium_large-width":768,"medium_large-height":379,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/upload-svg-1.gif","large-width":1240,"large-height":612,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/upload-svg-1.gif","1536x1536-width":1240,"1536x1536-height":612,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/upload-svg-1.gif","2048x2048-width":1240,"2048x2048-height":612,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/upload-svg-1-826x408.gif","card_image-width":826,"card_image-height":408,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/upload-svg-1.gif","wide_image-width":1240,"wide_image-height":612}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/esri.github.io\/cim-symbol-builder-js\/"},{"acf_fc_layout":"sidebar","content":"

The new symbolService.generateSymbol()<\/a><\/code> method in the ArcGIS API for JavaScript allows you to convert SVG to a CIMSymbol. This method connects to a symbol server from the ArcGIS REST API<\/a>.<\/p>\n","image_reference":false,"layout":"standard","image_reference_figure":"","snippet":"","spotlight_name":"","section_title":"","position":"Center","spotlight_image":false},{"acf_fc_layout":"content","content":"

Once you’ve uploaded your SVG file, select it from the symbol gallery to add it as a symbol layer and then, select OK<\/code>.<\/p>\n

Now, you can select the symbol layer to edit its properties (such as the size or offset), or you can drill down into the marker graphics. To do this, select the dropdown arrow to the left of the symbol layer type.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1773092,"id":1773092,"title":"Screen Shot 2022-11-15 at 1.12.54 PM","filename":"Screen-Shot-2022-11-15-at-1.12.54-PM-e1668551688240.png","filesize":105352,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/Screen-Shot-2022-11-15-at-1.12.54-PM-e1668551688240.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/upload-symbols-from-svg-in-the-updated-cim-symbol-builder\/screen-shot-2022-11-15-at-1-12-54-pm","alt":"","author":"10062","description":"","caption":"The vector marker symbol layer created from the SVG file we just uploaded is comprised of 6 marker graphics, one for each component in the symbol layer.","name":"screen-shot-2022-11-15-at-1-12-54-pm","status":"inherit","uploaded_to":1770812,"date":"2022-11-15 21:13:00","modified":"2022-11-15 21:14:21","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":700,"height":638,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/Screen-Shot-2022-11-15-at-1.12.54-PM-e1668551688240-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/Screen-Shot-2022-11-15-at-1.12.54-PM-e1668551688240-286x261.png","medium-width":286,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/Screen-Shot-2022-11-15-at-1.12.54-PM-e1668551688240.png","medium_large-width":700,"medium_large-height":638,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/Screen-Shot-2022-11-15-at-1.12.54-PM-e1668551688240.png","large-width":700,"large-height":638,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/Screen-Shot-2022-11-15-at-1.12.54-PM-e1668551688240.png","1536x1536-width":700,"1536x1536-height":638,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/Screen-Shot-2022-11-15-at-1.12.54-PM-e1668551688240.png","2048x2048-width":700,"2048x2048-height":638,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/Screen-Shot-2022-11-15-at-1.12.54-PM-e1668551688240-510x465.png","card_image-width":510,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/Screen-Shot-2022-11-15-at-1.12.54-PM-e1668551688240.png","wide_image-width":700,"wide_image-height":638}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/esri.github.io\/cim-symbol-builder-js\/"},{"acf_fc_layout":"content","content":"

Each marker graphic in a vector marker is typically comprised of a CIMSolidStroke or CIMSolidFill symbol layer. By expanding the symbol layers and exploring the marker symbol properties, you can make modifications to various characteristics, such as color and width.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1773072,"id":1773072,"title":"change-marker-graphic","filename":"change-marker-graphic.gif","filesize":501417,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/change-marker-graphic.gif","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/upload-symbols-from-svg-in-the-updated-cim-symbol-builder\/change-marker-graphic","alt":"","author":"10062","description":"","caption":"Drill down into the marker graphic that you want to update by clicking on the arrow to the left of the symbol layer name. Notice how I can update the color and width of the solid stroke marker graphic within the symbol layer.","name":"change-marker-graphic","status":"inherit","uploaded_to":1770812,"date":"2022-11-15 21:12:11","modified":"2022-11-15 21:17:56","menu_order":0,"mime_type":"image\/gif","type":"image","subtype":"gif","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":500,"height":616,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/change-marker-graphic-213x200.gif","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/change-marker-graphic.gif","medium-width":212,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/change-marker-graphic.gif","medium_large-width":500,"medium_large-height":616,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/change-marker-graphic.gif","large-width":500,"large-height":616,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/change-marker-graphic.gif","1536x1536-width":500,"1536x1536-height":616,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/change-marker-graphic.gif","2048x2048-width":500,"2048x2048-height":616,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/change-marker-graphic-377x465.gif","card_image-width":377,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/change-marker-graphic.gif","wide_image-width":500,"wide_image-height":616}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/esri.github.io\/cim-symbol-builder-js\/"},{"acf_fc_layout":"content","content":"

In addition to modifying the properties of imported symbol layers, you can choose to add\/remove symbol layers and update their properties until you are content with the style of your symbol. You can also try changing the symbol type to line or polygon, which will update dynamically to place your marker along a line or within a polygon, based on the symbol type you select. There is so much to explore in the CIM Symbol Builder<\/a>, so I recommend uploading your own SVG symbol and try it out for yourself! Once your symbol is complete, then you can click the Get the Symbol JSON<\/code> button on the bottom right, copy the JSON, and use it to create a CIMSymbol<\/a> in your app.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":1773172,"id":1773172,"title":"Screen Shot 2022-11-15 at 1.40.49 PM","filename":"Screen-Shot-2022-11-15-at-1.40.49-PM.png","filesize":609317,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/Screen-Shot-2022-11-15-at-1.40.49-PM.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/upload-symbols-from-svg-in-the-updated-cim-symbol-builder\/screen-shot-2022-11-15-at-1-40-49-pm","alt":"","author":"10062","description":"","caption":"You can customize your symbol by changing the symbol type, adding additional symbol layers, and more! Try it out for yourself ?","name":"screen-shot-2022-11-15-at-1-40-49-pm","status":"inherit","uploaded_to":1770812,"date":"2022-11-15 21:40:55","modified":"2022-11-15 21:42:12","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":2218,"height":1240,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/Screen-Shot-2022-11-15-at-1.40.49-PM-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/Screen-Shot-2022-11-15-at-1.40.49-PM.png","medium-width":464,"medium-height":259,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/Screen-Shot-2022-11-15-at-1.40.49-PM.png","medium_large-width":768,"medium_large-height":429,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/Screen-Shot-2022-11-15-at-1.40.49-PM.png","large-width":1920,"large-height":1073,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/Screen-Shot-2022-11-15-at-1.40.49-PM-1536x859.png","1536x1536-width":1536,"1536x1536-height":859,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/Screen-Shot-2022-11-15-at-1.40.49-PM-2048x1145.png","2048x2048-width":2048,"2048x2048-height":1145,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/Screen-Shot-2022-11-15-at-1.40.49-PM-826x462.png","card_image-width":826,"card_image-height":462,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/Screen-Shot-2022-11-15-at-1.40.49-PM-1920x1073.png","wide_image-width":1920,"wide_image-height":1073}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/esri.github.io\/cim-symbol-builder-js\/"},{"acf_fc_layout":"sidebar","content":"

If you have any feedback on the CIM Symbol Builder or if you find a bug, you can report it here: https:\/\/github.com\/Esri\/cim-symbol-builder-js\/issues<\/a><\/em><\/p>\n

Thank you!<\/em><\/p>\n","image_reference":false,"layout":"standard","image_reference_figure":"","snippet":"","spotlight_name":"","section_title":"","position":"Center","spotlight_image":false}],"related_articles":[{"ID":1058481,"post_author":"8402","post_date":"2021-09-22 14:35:40","post_date_gmt":"2021-09-22 21:35:40","post_content":"","post_title":"CIM Symbol Builder","post_excerpt":"","post_status":"publish","comment_status":"open","ping_status":"closed","post_password":"","post_name":"cim-symbol-builder","to_ping":"","pinged":"","post_modified":"2024-04-12 03:59:00","post_modified_gmt":"2024-04-12 10:59:00","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=1058481","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"1","filter":"raw"},{"ID":913801,"post_author":"10062","post_date":"2020-07-24 11:16:29","post_date_gmt":"2020-07-24 18:16:29","post_content":"","post_title":"Create points, lines, and polygons using CIMSymbols","post_excerpt":"","post_status":"publish","comment_status":"open","ping_status":"closed","post_password":"","post_name":"create-points-lines-and-polygons-using-cimsymbols","to_ping":"","pinged":"","post_modified":"2020-07-31 09:39:01","post_modified_gmt":"2020-07-31 16:39:01","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=913801","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"4","filter":"raw"},{"ID":1760672,"post_author":"4271","post_date":"2022-11-09 21:14:01","post_date_gmt":"2022-11-10 05:14:01","post_content":"","post_title":"What's new in ArcGIS API for JavaScript (v4.25)","post_excerpt":"","post_status":"publish","comment_status":"open","ping_status":"closed","post_password":"","post_name":"whats-new-in-arcgis-api-for-javascript-v4-25","to_ping":"","pinged":"","post_modified":"2024-04-12 03:26:19","post_modified_gmt":"2024-04-12 10:26:19","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=1760672","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"0","filter":"raw"}],"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/Screen-Shot-2022-11-15-at-2.11.14-PM.png","wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/Screen-Shot-2022-11-17-at-2.46.45-PM.png"},"yoast_head":"\nUpload symbols from SVG in the updated CIM Symbol Builder<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/upload-symbols-from-svg-in-the-updated-cim-symbol-builder\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Upload symbols from SVG in the updated CIM Symbol Builder\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/upload-symbols-from-svg-in-the-updated-cim-symbol-builder\" \/>\n<meta property=\"og:site_name\" content=\"ArcGIS Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/esrigis\/\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-12T10:24:21+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@ESRI\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/upload-symbols-from-svg-in-the-updated-cim-symbol-builder#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/upload-symbols-from-svg-in-the-updated-cim-symbol-builder\"},\"author\":{\"name\":\"Anne Fitz\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/bee793ed8139187e84c18559765490fa\"},\"headline\":\"Upload symbols from SVG in the updated CIM Symbol Builder\",\"datePublished\":\"2022-11-17T22:45:23+00:00\",\"dateModified\":\"2024-04-12T10:24:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/upload-symbols-from-svg-in-the-updated-cim-symbol-builder\"},\"wordCount\":10,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"keywords\":[\"ArcGIS API for JavaScript\",\"CIMSymbol\",\"jsapi4\",\"symbols and symbology\",\"what's new november 2022\"],\"articleSection\":[\"Developers\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/upload-symbols-from-svg-in-the-updated-cim-symbol-builder#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/upload-symbols-from-svg-in-the-updated-cim-symbol-builder\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/upload-symbols-from-svg-in-the-updated-cim-symbol-builder\",\"name\":\"Upload symbols from SVG in the updated CIM Symbol Builder\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\"},\"datePublished\":\"2022-11-17T22:45:23+00:00\",\"dateModified\":\"2024-04-12T10:24:21+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/upload-symbols-from-svg-in-the-updated-cim-symbol-builder#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/upload-symbols-from-svg-in-the-updated-cim-symbol-builder\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/upload-symbols-from-svg-in-the-updated-cim-symbol-builder#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.esri.com\/arcgis-blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Upload symbols from SVG in the updated CIM Symbol Builder\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/\",\"name\":\"ArcGIS Blog\",\"description\":\"Get insider info from Esri product teams\",\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.esri.com\/arcgis-blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\",\"name\":\"Esri\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png\",\"contentUrl\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png\",\"width\":400,\"height\":400,\"caption\":\"Esri\"},\"image\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/esrigis\/\",\"https:\/\/x.com\/ESRI\",\"https:\/\/www.linkedin.com\/company\/5311\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/bee793ed8139187e84c18559765490fa\",\"name\":\"Anne Fitz\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/2B6A1033-465x465.jpg\",\"contentUrl\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/2B6A1033-465x465.jpg\",\"caption\":\"Anne Fitz\"},\"description\":\"Anne Fitz is a Senior Product Engineer at Esri, working on the ArcGIS Maps SDK for JavaScript and ArcGIS Arcade. Her expertise primarily focuses on dynamic vector symbology (CIM symbols), data visualization, animation, ArcGIS Arcade integration, and widgets. Anne\u2019s primary goal is to help developers succeed in building geospatial applications, providing them with the tools and knowledge they need to bring their ideas to life. She has been with Esri for over five years.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/anne-fitz\"],\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/author\/afitz\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Upload symbols from SVG in the updated CIM Symbol Builder","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:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/upload-symbols-from-svg-in-the-updated-cim-symbol-builder","og_locale":"en_US","og_type":"article","og_title":"Upload symbols from SVG in the updated CIM Symbol Builder","og_url":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/upload-symbols-from-svg-in-the-updated-cim-symbol-builder","og_site_name":"ArcGIS Blog","article_publisher":"https:\/\/www.facebook.com\/esrigis\/","article_modified_time":"2024-04-12T10:24:21+00:00","twitter_card":"summary_large_image","twitter_site":"@ESRI","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/upload-symbols-from-svg-in-the-updated-cim-symbol-builder#article","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/upload-symbols-from-svg-in-the-updated-cim-symbol-builder"},"author":{"name":"Anne Fitz","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/bee793ed8139187e84c18559765490fa"},"headline":"Upload symbols from SVG in the updated CIM Symbol Builder","datePublished":"2022-11-17T22:45:23+00:00","dateModified":"2024-04-12T10:24:21+00:00","mainEntityOfPage":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/upload-symbols-from-svg-in-the-updated-cim-symbol-builder"},"wordCount":10,"commentCount":0,"publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"keywords":["ArcGIS API for JavaScript","CIMSymbol","jsapi4","symbols and symbology","what's new november 2022"],"articleSection":["Developers"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/upload-symbols-from-svg-in-the-updated-cim-symbol-builder#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/upload-symbols-from-svg-in-the-updated-cim-symbol-builder","url":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/upload-symbols-from-svg-in-the-updated-cim-symbol-builder","name":"Upload symbols from SVG in the updated CIM Symbol Builder","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#website"},"datePublished":"2022-11-17T22:45:23+00:00","dateModified":"2024-04-12T10:24:21+00:00","breadcrumb":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/upload-symbols-from-svg-in-the-updated-cim-symbol-builder#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/upload-symbols-from-svg-in-the-updated-cim-symbol-builder"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/upload-symbols-from-svg-in-the-updated-cim-symbol-builder#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.esri.com\/arcgis-blog\/"},{"@type":"ListItem","position":2,"name":"Upload symbols from SVG in the updated CIM Symbol Builder"}]},{"@type":"WebSite","@id":"https:\/\/www.esri.com\/arcgis-blog\/#website","url":"https:\/\/www.esri.com\/arcgis-blog\/","name":"ArcGIS Blog","description":"Get insider info from Esri product teams","publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.esri.com\/arcgis-blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization","name":"Esri","url":"https:\/\/www.esri.com\/arcgis-blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png","contentUrl":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png","width":400,"height":400,"caption":"Esri"},"image":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/esrigis\/","https:\/\/x.com\/ESRI","https:\/\/www.linkedin.com\/company\/5311\/"]},{"@type":"Person","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/bee793ed8139187e84c18559765490fa","name":"Anne Fitz","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/image\/","url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/2B6A1033-465x465.jpg","contentUrl":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2023\/03\/2B6A1033-465x465.jpg","caption":"Anne Fitz"},"description":"Anne Fitz is a Senior Product Engineer at Esri, working on the ArcGIS Maps SDK for JavaScript and ArcGIS Arcade. Her expertise primarily focuses on dynamic vector symbology (CIM symbols), data visualization, animation, ArcGIS Arcade integration, and widgets. Anne\u2019s primary goal is to help developers succeed in building geospatial applications, providing them with the tools and knowledge they need to bring their ideas to life. She has been with Esri for over five years.","sameAs":["https:\/\/www.linkedin.com\/in\/anne-fitz"],"url":"https:\/\/www.esri.com\/arcgis-blog\/author\/afitz"}]}},"text_date":"November 17, 2022","author_name":"Anne Fitz","author_page":"https:\/\/www.esri.com\/arcgis-blog\/author\/afitz","custom_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2022\/11\/Screen-Shot-2022-11-17-at-2.46.45-PM.png","primary_product":"ArcGIS Maps SDK for JavaScript","tag_data":[{"term_id":96582,"name":"ArcGIS API for JavaScript","slug":"arcgis-api-for-javascript","term_group":0,"term_taxonomy_id":96582,"taxonomy":"post_tag","description":"","parent":0,"count":58,"filter":"raw"},{"term_id":757731,"name":"CIMSymbol","slug":"cimsymbol","term_group":0,"term_taxonomy_id":757731,"taxonomy":"post_tag","description":"","parent":0,"count":3,"filter":"raw"},{"term_id":27491,"name":"jsapi4","slug":"jsapi4","term_group":0,"term_taxonomy_id":27491,"taxonomy":"post_tag","description":"","parent":0,"count":111,"filter":"raw"},{"term_id":31301,"name":"symbols and symbology","slug":"symbology","term_group":0,"term_taxonomy_id":31301,"taxonomy":"post_tag","description":"","parent":0,"count":194,"filter":"raw"},{"term_id":767002,"name":"what's new november 2022","slug":"whats-new-november-2022","term_group":0,"term_taxonomy_id":767002,"taxonomy":"post_tag","description":"","parent":0,"count":25,"filter":"raw"}],"category_data":[{"term_id":738191,"name":"Developers","slug":"developers","term_group":0,"term_taxonomy_id":738191,"taxonomy":"category","description":"","parent":0,"count":420,"filter":"raw"}],"product_data":[{"term_id":761642,"name":"ArcGIS Location Platform","slug":"platform","term_group":0,"term_taxonomy_id":761642,"taxonomy":"product","description":"","parent":36601,"count":213,"filter":"raw"},{"term_id":36831,"name":"ArcGIS Maps SDK for JavaScript","slug":"js-api-arcgis","term_group":0,"term_taxonomy_id":36831,"taxonomy":"product","description":"","parent":36601,"count":361,"filter":"raw"}],"primary_product_link":"https:\/\/www.esri.com\/arcgis-blog\/?s=#&products=js-api-arcgis","_links":{"self":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/1770812","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog"}],"about":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/types\/blog"}],"author":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/users\/10062"}],"replies":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/comments?post=1770812"}],"version-history":[{"count":0,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/1770812\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/media?parent=1770812"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/categories?post=1770812"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/tags?post=1770812"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/industry?post=1770812"},{"taxonomy":"product","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/product?post=1770812"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}