{"id":2937460,"date":"2025-09-09T15:55:37","date_gmt":"2025-09-09T22:55:37","guid":{"rendered":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&#038;p=2937460"},"modified":"2025-10-07T13:56:21","modified_gmt":"2025-10-07T20:56:21","slug":"create-a-mobile-style-for-native-apps","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/developers\/create-a-mobile-style-for-native-apps","title":{"rendered":"Create a mobile style for native apps"},"author":372342,"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":[780799,780800,780801,780798],"industry":[],"product":[761642,769142,769162,768902,769152,768912,36601],"class_list":["post-2937460","blog","type-blog","status-publish","format-standard","hentry","category-developers","tag-getsymbolasync","tag-glowing-symbols","tag-map-appearance","tag-symbol-style","product-platform","product-sdk-net","product-sdk-java","product-sdk-kotlin","product-sdk-qt","product-sdk-swift","product-developers"],"acf":{"authors":[{"ID":372342,"user_firstname":"Mara","user_lastname":"Dolan","nickname":"Mara Dolan","user_nicename":"mdolan","display_name":"Mara Dolan","user_email":"mdolan@esri.com","user_url":"","user_registered":"2025-06-04 01:31:37","user_description":"","user_avatar":"<img data-del=\"avatar\" src='https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/12\/myphoto-e1765182771432-213x200.jpg' class='avatar pp-user-avatar avatar-96 photo ' height='96' width='96'\/>"}],"short_description":"Add ArcGIS Pro styles (.stylx files) to maps built with ArcGIS Maps SDKs for Native Apps.","flexible_content":[{"acf_fc_layout":"content","content":"<p>If you\u2019ve been wanting to learn about ArcGIS styles or use mobile style files in your app built with <a href=\"https:\/\/www.esri.com\/en-us\/arcgis\/products\/develop-with-arcgis\/features\/arcgis-maps-sdks-for-native-apps\">ArcGIS Maps SDKs for Native Apps<\/a>, this blog is for you. Know that if you read on, you\u2019re liable to get your sparkle on!<\/p>\n<p>In this blog, I\u2019ll show you how I take the Malibu data used in Native Maps SDKs tutorials and change its symbols for its feature layers of points (trail heads), lines (trails), and polygons (parks) into glowing, besparkled symbols using <a href=\"https:\/\/esri-styles.maps.arcgis.com\/home\/item.html?id=93a6d9ea3b54478193ba566ab9d8b748\">the Firefly style<\/a>, which was created by <a href=\"https:\/\/esri-styles.maps.arcgis.com\/home\/user.html?user=JohnMNelson_esristyles\">John Nelson<\/a>.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2937672,"id":2937672,"title":"Style for polygons with inner glow","filename":"FireflyPolyInner.jpg","filesize":538938,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/FireflyPolyInner.jpg","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/developers\/create-a-mobile-style-for-native-apps\/fireflypolyinner","alt":"A portion of the United States with the firefly inner glow style applied to polygons.","author":"372342","description":"","caption":"Polygons with a style from the firefly.stylx file applied","name":"fireflypolyinner","status":"inherit","uploaded_to":2937460,"date":"2025-08-27 20:55:21","modified":"2025-09-29 21:38:29","menu_order":0,"mime_type":"image\/jpeg","type":"image","subtype":"jpeg","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1507,"height":824,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/FireflyPolyInner-213x200.jpg","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/FireflyPolyInner.jpg","medium-width":464,"medium-height":254,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/FireflyPolyInner.jpg","medium_large-width":768,"medium_large-height":420,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/FireflyPolyInner.jpg","large-width":1507,"large-height":824,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/FireflyPolyInner.jpg","1536x1536-width":1507,"1536x1536-height":824,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/FireflyPolyInner.jpg","2048x2048-width":1507,"2048x2048-height":824,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/FireflyPolyInner-826x452.jpg","card_image-width":826,"card_image-height":452,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/FireflyPolyInner.jpg","wide_image-width":1507,"wide_image-height":824}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>In this blog, you&#8217;ll see me use ArcGIS Pro to create a mobile style file to fill with styles I want. I add styles to it from the Firefly style, then I show how you can grab other styles and add them to the same mobile style file. Lastly I use the mobile style file in my app to style the Malibu layers.<\/p>\n<p>While the Firefly style captures wonderful bedazzlement, you may be more interested in one of the many other styles available (some highlighted <a href=\"https:\/\/esri-styles.maps.arcgis.com\/home\/index.html\">on this ArcGIS Pro page<\/a>), including styles specific to your industry, such as <a href=\"https:\/\/esri-styles.maps.arcgis.com\/home\/item.html?id=a3109109c7114857809d70a230896934\">this government style<\/a>.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2937918,"id":2937918,"title":"Before and after image","filename":"side-by-side.png","filesize":518271,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/side-by-side.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/developers\/create-a-mobile-style-for-native-apps\/side-by-side-7","alt":"Malibu trailheads with Firefly.stylx styles applied","author":"372342","description":"","caption":"Two images comparing Malibu trails before (left image) and after (right image) the firefly style is applied","name":"side-by-side-7","status":"inherit","uploaded_to":2937460,"date":"2025-08-29 07:42:18","modified":"2025-08-29 07:43:17","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":1436,"height":509,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/side-by-side-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/side-by-side.png","medium-width":464,"medium-height":164,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/side-by-side.png","medium_large-width":768,"medium_large-height":272,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/side-by-side.png","large-width":1436,"large-height":509,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/side-by-side.png","1536x1536-width":1436,"1536x1536-height":509,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/side-by-side.png","2048x2048-width":1436,"2048x2048-height":509,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/side-by-side-826x293.png","card_image-width":826,"card_image-height":293,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/side-by-side.png","wide_image-width":1436,"wide_image-height":509}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<h1>But first, a quick look at styles across the system<\/h1>\n<p>Across the ArcGIS system, a style can mean anything from applying characteristics, such as shape, to completely changing a layer\u2019s symbology. It can even mean using attributes (data fields) to drive the appearance of a multi-layered symbol. So I thought it might be helpful to do a bit of a style roundup before we home in on mobile styles.<\/p>\n<ul>\n<li><strong>ArcGIS Pro styles<\/strong> let you apply the same style of symbols, colors, color schemes, layout items, or label placements across maps using a .stylx file. <span class=\"TextRun Highlight SCXW65504138 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW65504138 BCX0\" data-ccp-charstyle=\"normaltextrun\">They<\/span><span class=\"NormalTextRun SCXW65504138 BCX0\" data-ccp-charstyle=\"normaltextrun\"> can be created<\/span> <\/span><span class=\"TrackChangeTextInsertion TrackedChange SCXW65504138 BCX0\"><span class=\"TextRun Highlight SCXW65504138 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW65504138 BCX0\" data-ccp-charstyle=\"normaltextrun\">and shared between <\/span><\/span><\/span><span class=\"TextRun Highlight SCXW65504138 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"none\"><span class=\"NormalTextRun CommentStart SCXW65504138 BCX0\" data-ccp-charstyle=\"normaltextrun\">any ArcGIS Pro user<\/span><\/span><span class=\"TrackChangeTextInsertion TrackedChange SCXW65504138 BCX0\"><span class=\"TextRun Highlight SCXW65504138 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW65504138 BCX0\" data-ccp-charstyle=\"normaltextrun\">s<\/span><\/span><\/span><span class=\"TextRun Highlight SCXW65504138 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW65504138 BCX0\" data-ccp-charstyle=\"normaltextrun\">.<\/span><span class=\"NormalTextRun SCXW65504138 BCX0\" data-ccp-charstyle=\"eop\" data-ccp-charstyle-defn=\"{&quot;ObjectId&quot;:&quot;920dbcde-2834-5e15-a5fa-062170b236ba|1&quot;,&quot;ClassId&quot;:1073872969,&quot;Properties&quot;:[201342446,&quot;1&quot;,201342447,&quot;5&quot;,201342448,&quot;1&quot;,201342449,&quot;1&quot;,469777841,&quot;Aptos&quot;,469777842,&quot;&quot;,469777843,&quot;Aptos&quot;,469777844,&quot;Aptos&quot;,201341986,&quot;1&quot;,469769226,&quot;Aptos&quot;,268442635,&quot;24&quot;,469775450,&quot;eop&quot;,201340122,&quot;1&quot;,134233614,&quot;true&quot;,469778129,&quot;eop&quot;,335572020,&quot;1&quot;,469778324,&quot;Default Paragraph Font&quot;]}\">\u202f<\/span> <\/span> You can think of mobile styles as a type of ArcGIS Pro style (.stylx file) but with limitations. There are also several different style types that can be used by ArcGIS Pro (described in the table on <a href=\"https:\/\/pro.arcgis.com\/en\/pro-app\/latest\/help\/projects\/styles.htm\">the ArcGIS Pro Style page<\/a>).<\/li>\n<li><strong>Mobile styles<\/strong> and<strong> web styles<\/strong> are styles you can use in native apps with some limitations, which you can read about in their respective sections on <a href=\"https:\/\/pro.arcgis.com\/en\/pro-app\/latest\/help\/projects\/styles.htm\">the ArcGIS Pro Style page<\/a>. These styles are the ones to use for apps you build using Native Maps SDKs.<\/li>\n<li>You may hear a <strong>renderer<\/strong> be referred to as a way to style symbols in a layer. This blog will use a simple renderer to apply the sparkles (firefly style) to layers.<\/li>\n<li><strong>Dictionary symbol styles<\/strong> in Native Maps SDKs (<code>DictionarySymbolStyle<\/code>) are typically used for complex symbols such as military symbols, which are multi-layer and attribute-driven.\u202fThis style includes an Arcade script that assembles each symbol from multiple parts based on the logic you write in the script and\/or multiple fields, so often the symbols are very data-specific.<\/li>\n<li><strong>Basemap styles<\/strong> are basemaps hosted by Esri that you can use in your native apps. They\u2019re unrelated to the above styles and are typically used to provide context for your other map layers. For this example, I&#8217;ll use a dark basemap style, <code>ArcGISDarkGray<\/code>, to really show the glow of the firefly style. You can see <a href=\"https:\/\/developers.arcgis.com\/net\/api-reference\/api\/netwin\/Esri.ArcGISRuntime\/Esri.ArcGISRuntime.Mapping.BasemapStyle.html\">a full list of basemap styles here<\/a> for .NET Maps SDK, but it is basically the same list for most ArcGIS SDKs.<\/li>\n<\/ul>\n<h1>Let&#8217;s get stylin&#8217;!<\/h1>\n<h2>1. Peruse styles<\/h2>\n<p>First, I went to arcgis.com to see what styles were available. I chose <a href=\"https:\/\/esri-styles.maps.arcgis.com\/home\/item.html?id=93a6d9ea3b54478193ba566ab9d8b748\">Firefly<\/a>.<br \/>\nI love the Firefly style because it can make your map elements appear to glow and sparkle. But let\u2019s suppose you want a different style. A multitude of styles are available for you to choose from in <a href=\"https:\/\/esri-styles.maps.arcgis.com\/home\/gallery.html?sortField=relevance&amp;sortOrder=desc&amp;searchTerm=John+Nelson\">John Nelson\u2019s gallery<\/a>\u00a0as well as in <a href=\"https:\/\/www.arcgis.com\/index.html\">ArcGIS Online<\/a>.<br \/>\nThe following images show how you can find a style you want to try.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2937909,"id":2937909,"title":"Search for styles","filename":"click-to-search.png","filesize":145311,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/click-to-search.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/developers\/create-a-mobile-style-for-native-apps\/click-to-search","alt":"Click the search bar and type \"style\"","author":"372342","description":"","caption":"","name":"click-to-search","status":"inherit","uploaded_to":2937460,"date":"2025-08-29 05:40:52","modified":"2025-08-29 05:42:22","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":900,"height":366,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/click-to-search-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/click-to-search.png","medium-width":464,"medium-height":189,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/click-to-search.png","medium_large-width":768,"medium_large-height":312,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/click-to-search.png","large-width":900,"large-height":366,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/click-to-search.png","1536x1536-width":900,"1536x1536-height":366,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/click-to-search.png","2048x2048-width":900,"2048x2048-height":366,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/click-to-search-826x336.png","card_image-width":826,"card_image-height":336,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/click-to-search.png","wide_image-width":900,"wide_image-height":366}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>After you enter &#8220;style files,&#8221; the public style files display. You can type additional or different keywords in the search to filter the results, or you can browse all style files. For example, you can type &#8220;firefly style for arcgis pro&#8221; to quickly get to the style used in this blog.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2938065,"id":2938065,"title":"Browse styles","filename":"browsestyles.png","filesize":201603,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/browsestyles.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/developers\/create-a-mobile-style-for-native-apps\/browsestyles","alt":"Your search term appears near the top of the page","author":"372342","description":"","caption":"","name":"browsestyles","status":"inherit","uploaded_to":2937460,"date":"2025-08-31 02:04:25","modified":"2025-08-31 02:04:41","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":1185,"height":582,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/browsestyles-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/browsestyles.png","medium-width":464,"medium-height":228,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/browsestyles.png","medium_large-width":768,"medium_large-height":377,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/browsestyles.png","large-width":1185,"large-height":582,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/browsestyles.png","1536x1536-width":1185,"1536x1536-height":582,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/browsestyles.png","2048x2048-width":1185,"2048x2048-height":582,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/browsestyles-826x406.png","card_image-width":826,"card_image-height":406,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/browsestyles.png","wide_image-width":1185,"wide_image-height":582}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<h2>2. Download the style file you want<\/h2>\n<p>I chose the <a href=\"https:\/\/esri-styles.maps.arcgis.com\/home\/item.html?id=93a6d9ea3b54478193ba566ab9d8b748\">Firefly<\/a> style because it can make your map elements appear to glow and sparkle.<\/p>\n<p>I downloaded Firefly to my computer by going to <a href=\"https:\/\/esri-styles.maps.arcgis.com\/home\/gallery.html?sortField=relevance&amp;sortOrder=desc&amp;searchTerm=John+Nelson\">John Nelson\u2019s style files<\/a> and clicking the <strong>Download<\/strong> button for <strong>Firefly style for ArcGIS Pro<\/strong>. I downloaded the style to my project folder (the folder with my .csproj file).<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2937913,"id":2937913,"title":"Download","filename":"download.png","filesize":568565,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/download.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/developers\/create-a-mobile-style-for-native-apps\/download-18","alt":"Download button is below the thumbnail","author":"372342","description":"","caption":"","name":"download-18","status":"inherit","uploaded_to":2937460,"date":"2025-08-29 06:44:23","modified":"2025-08-29 06:44:54","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":935,"height":604,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/download-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/download.png","medium-width":404,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/download.png","medium_large-width":768,"medium_large-height":496,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/download.png","large-width":935,"large-height":604,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/download.png","1536x1536-width":935,"1536x1536-height":604,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/download.png","2048x2048-width":935,"2048x2048-height":604,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/download-720x465.png","card_image-width":720,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/download.png","wide_image-width":935,"wide_image-height":604}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<h2>3. Copy the symbols you want into the mobile style file<\/h2>\n<ol>\n<li>In ArcGIS Pro, in the <strong>Catalog<\/strong> pane\u2019s <strong>Project<\/strong> category (tab), I created a mobile style by right-clicking <strong>Styles<\/strong> then clicking <strong>New &gt; New Mobile Style<\/strong>.\u202fI navigated to my ArcGIS Pro project folder, then typed <strong>FireflyMobile<\/strong> as the name of my new mobile style file, then clicked <strong>Save<\/strong>.<\/li>\n<li>I added the Firefly style to the project. On the ArcGIS Pro ribbon, I clicked <strong>Insert<\/strong>, then in the <strong>Styles<\/strong> area, clicked <strong>Add Style<\/strong>.\u202f I navigated to the location I downloaded Firefly.stylx to (the folder with my .csproj file) and double-clicked Firefly.stylx.<br \/>\nTip: If you don\u2019t see it where you expect, remember to click the Refresh button near the top of the Add a Style File dialog box.<\/li>\n<li>After I saw Firefly.stylx in the Styles folder in Catalog, I double-clicked it.<\/li>\n<li>In the <strong>Style Classes<\/strong> area that displays, I selected the first style class that stores the styles I want to bring over, <strong>Polygons<\/strong>.<\/li>\n<\/ol>\n"},{"acf_fc_layout":"image","image":{"ID":2937914,"id":2937914,"title":"Style classes","filename":"style-class.png","filesize":85523,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/style-class.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/developers\/create-a-mobile-style-for-native-apps\/style-class","alt":"Click the style file to display its style classes","author":"372342","description":"","caption":"","name":"style-class","status":"inherit","uploaded_to":2937460,"date":"2025-08-29 06:52:57","modified":"2025-08-29 06:53:53","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":1060,"height":612,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/style-class-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/style-class.png","medium-width":452,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/style-class.png","medium_large-width":768,"medium_large-height":443,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/style-class.png","large-width":1060,"large-height":612,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/style-class.png","1536x1536-width":1060,"1536x1536-height":612,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/style-class.png","2048x2048-width":1060,"2048x2048-height":612,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/style-class-805x465.png","card_image-width":805,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/style-class.png","wide_image-width":1060,"wide_image-height":612}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<p>Another pane displayed that shows the 42 polygon styles available. From there, I selected the style items I wanted to bring over. In this case I selected <strong>FireflyPoly_8<\/strong> to style my polygons. I used <strong>Ctrl+C<\/strong> to copy it, then I <strong>Ctrl+V<\/strong> into F<strong>ireflyMobile.stylx<\/strong> to copy the styles there.<br \/>\nI repeated this step for <strong>FireflyLine_5<\/strong> in <strong>Lines<\/strong> and <strong>FireflyShimmer_2<\/strong> in Points.<\/p>\n<p>The above steps made FireflyMobile.stylx ready to use in my native map app. By default, it automatically saved to <strong>C:\\Users\\&lt;username&gt;\\Documents\\ArcGIS\\Projects\\&lt;project name&gt;<\/strong>.<\/p>\n<p><span class=\"TextRun SCXW137488800 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW137488800 BCX0\">I could also select style<\/span><span class=\"NormalTextRun SCXW137488800 BCX0\"> items from other styles, such as from <\/span><span class=\"NormalTextRun SCXW137488800 BCX0\">ArcGIS Colors, and bring those over in<\/span><\/span><span class=\"TrackChangeTextInsertion TrackedChange SCXW137488800 BCX0\"><span class=\"TextRun SCXW137488800 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW137488800 BCX0\">to the same <\/span><span class=\"NormalTextRun SpellingErrorV2Themed SCXW137488800 BCX0\">FireflyMobile.stylx style file<\/span><span class=\"NormalTextRun SCXW137488800 BCX0\">,<\/span><\/span><\/span><span class=\"TextRun SCXW137488800 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW137488800 BCX0\"> the same w<\/span><span class=\"NormalTextRun SCXW137488800 BCX0\">ay <\/span><span class=\"NormalTextRun SCXW137488800 BCX0\">I brought over the Firefly styles.<\/span><\/span><span class=\"LineBreakBlob BlobObject DragDrop SCXW137488800 BCX0\"><span class=\"SCXW137488800 BCX0\">\u00a0<\/span><br class=\"SCXW137488800 BCX0\" \/><\/span><\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2937915,"id":2937915,"title":"Other style classes","filename":"other-style.png","filesize":29289,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/other-style.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/developers\/create-a-mobile-style-for-native-apps\/other-style","alt":"Bring other style classes in from other style files","author":"372342","description":"","caption":"","name":"other-style","status":"inherit","uploaded_to":2937460,"date":"2025-08-29 06:59:24","modified":"2025-08-29 07:00:04","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":443,"height":457,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/other-style-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/other-style.png","medium-width":253,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/other-style.png","medium_large-width":443,"medium_large-height":457,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/other-style.png","large-width":443,"large-height":457,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/other-style.png","1536x1536-width":443,"1536x1536-height":457,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/other-style.png","2048x2048-width":443,"2048x2048-height":457,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/other-style.png","card_image-width":443,"card_image-height":457,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/other-style.png","wide_image-width":443,"wide_image-height":457}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"<h2>Apply the mobile style file to layers in your app<\/h2>\n<p>I\u2019ve provided a C# code sample below for use with ArcGIS Maps SDK for .NET, but the general approach is the same for ArcGIS Maps SDK for Kotlin, Swift, and Qt as well.<\/p>\n<h3><span class=\"TextRun SCXW161999516 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW161999516 BCX0\" data-ccp-parastyle=\"heading 2\">Code example of applying the mobile style file to points, lines, and polygons<\/span><span class=\"NormalTextRun SCXW161999516 BCX0\" data-ccp-parastyle=\"heading 2\"> in services<\/span><\/span><span class=\"EOP SCXW161999516 BCX0\" data-ccp-props=\"{&quot;134245418&quot;:true,&quot;134245529&quot;:true,&quot;335559738&quot;:160,&quot;335559739&quot;:80}\">\u00a0<\/span><\/h3>\n<p>In this first block of code, I create the map with a dark basemap style.<\/p>\n"},{"acf_fc_layout":"content","content":"<pre><code style=\"color: #24292e; background: #ffffff; display: block; overflow-x: auto; padding: 1em;\"> <span style=\"color: #d73a49;\">private<\/span> <span style=\"color: #d73a49;\">async<\/span> Task <span style=\"color: #6f42c1;\">SetupMap<\/span>() \r\n    { \r\n        <span style=\"color: #d73a49;\">try<\/span> \r\n        { \r\n             <span style=\"color: #6a737d;\">\/\/ Create a new map with an `ArcGIS dark gray' basemap.  <\/span>\r\n            <span style=\"color: #6a737d;\">\/\/ Set the initial viewpoint around the Santa Monica Mountains in California.  <\/span>\r\n            Map map = <span style=\"color: #d73a49;\">new<\/span>(BasemapStyle.ArcGISDarkGray) \r\n            { \r\n                InitialViewpoint = <span style=\"color: #d73a49;\">new<\/span> Viewpoint(<span style=\"color: #005cc5;\">34.027<\/span>, <span style=\"color: #005cc5;\">-118.805<\/span>, <span style=\"color: #005cc5;\">100000<\/span>) \r\n            }; \r\n \r\n            <span style=\"color: #6a737d;\">\/\/ Set the map property with the map.  <\/span>\r\n            MyMapView.Map = map; \r\n<\/code><\/pre>\n"},{"acf_fc_layout":"content","content":"<p>In the next code block, I open the mobile style I want to use, then add the layers, specifying the style I want for each layer. I call a method, <code>GetLayerWithSymbol<\/code>, that I&#8217;ll create in a subsequent code block.<\/p>\n"},{"acf_fc_layout":"content","content":"<pre><code><span style=\"color: #6a737d;\">\/\/ Open the mobile style file at the provided path. <\/span>\r\nSymbolStyle mobileStyle = <span style=\"color: #d73a49;\">await<\/span> SymbolStyle.OpenAsync(<span style=\"color: #032f62;\">@\"Firefly.stylx \"<\/span>);\r\n\r\n<span style=\"color: #6a737d;\">\/\/ Add layers to the map using the specified symbols from the mobile style file. <\/span>\r\nmap.OperationalLayers.Add(<span style=\"color: #d73a49;\">await<\/span> GetLayerWithSymbol(<span style=\"color: #032f62;\">\"https:\/\/services3.arcgis.com\/GVgbJbqm8hXASVYi\/ArcGIS\/rest\/services\/Parks_and_Open_Space\/FeatureServer\/0\"<\/span>, mobileStyle, <span style=\"color: #032f62;\">\"FireflyPoly_8\"<\/span>));\r\nmap.OperationalLayers.Add(<span style=\"color: #d73a49;\">await<\/span> GetLayerWithSymbol(<span style=\"color: #032f62;\">\"https:\/\/services3.arcgis.com\/GVgbJbqm8hXASVYi\/ArcGIS\/rest\/services\/Trails\/FeatureServer\/0\"<\/span>, mobileStyle, <span style=\"color: #032f62;\">\"FireflyLine_5\"<\/span>));\r\nmap.OperationalLayers.Add(<span style=\"color: #d73a49;\">await<\/span> GetLayerWithSymbol(<span style=\"color: #032f62;\">\"https:\/\/services3.arcgis.com\/GVgbJbqm8hXASVYi\/arcgis\/rest\/services\/Trailheads\/FeatureServer\/0\"<\/span>, mobileStyle, <span style=\"color: #032f62;\">\"FireflyShimmer_2\"<\/span>));\r\n}\r\n<span style=\"color: #d73a49;\">catch<\/span> (Exception)\r\n{\r\n<span style=\"color: #d73a49;\">throw<\/span>;\r\n}\r\n}\r\n<\/code><\/pre>\n"},{"acf_fc_layout":"content","content":"<p>In the following code, my <code>GetLayerWithSymbol<\/code> method uses the <code>GetSymbolAsync<\/code> API method to get the specific symbol to be applied to the layer and creates a simple renderer with that symbol. Then I apply the renderer to the layer and return the new <code>FeatureLayer<\/code>. The <code><a href=\"https:\/\/developers.arcgis.com\/net\/api-reference\/api\/netwin\/Esri.ArcGISRuntime\/Esri.ArcGISRuntime.Symbology.SymbolStyle.GetSymbolAsync.html\">GetSymbolAsync<\/a><\/code> method is the cornerstone of this blog\u2019s sample code.<\/p>\n"},{"acf_fc_layout":"content","content":"<pre><code><span style=\"color: #d73a49;\">async<\/span> Task&lt;FeatureLayer&gt; <span style=\"color: #6f42c1;\">GetLayerWithSymbol<\/span>(<span style=\"color: #e36209;\">string<\/span> path, SymbolStyle symbolStyle, <span style=\"color: #e36209;\">string<\/span> symbolName)\r\n{\r\n<span style=\"color: #d73a49;\">try<\/span>\r\n{\r\nFeatureLayer featureLayer = <span style=\"color: #d73a49;\">new<\/span> FeatureLayer(<span style=\"color: #d73a49;\">new<\/span> Uri(path));\r\n\r\n<span style=\"color: #6a737d;\">\/\/ Get the Firefly symbol to be applied <\/span>\r\nSymbol? symbol = <span style=\"color: #d73a49;\">await<\/span> symbolStyle.GetSymbolAsync(<span style=\"color: #d73a49;\">new<\/span> List&lt;<span style=\"color: #e36209;\">string<\/span>&gt;() { symbolName });\r\n<span style=\"color: #d73a49;\">if<\/span> (symbol != <span style=\"color: #005cc5;\">null<\/span>)\r\n{\r\n<span style=\"color: #6a737d;\">\/\/ Set the renderer of the feature layer to use the Firefly symbol <\/span>\r\nfeatureLayer.Renderer = <span style=\"color: #d73a49;\">new<\/span> SimpleRenderer(symbol);\r\n}\r\n<span style=\"color: #d73a49;\">return<\/span> featureLayer;\r\n}\r\n<span style=\"color: #d73a49;\">catch<\/span> (Exception)\r\n{\r\n<span style=\"color: #d73a49;\">throw<\/span>;\r\n}\r\n}\r\n\r\n<\/code><\/pre>\n"},{"acf_fc_layout":"content","content":"<h2>Bundle the style file with your app<\/h2>\n<p>When adding the mobile style file to your Visual Studio project, if you set the <strong>Build Action<\/strong> to <strong>None <\/strong>and the<strong> Copy to Output Directory<\/strong> value to, say, <strong>Copy if Newer<\/strong>, the style file will be copied to your app\u2019s output folder alongside the .exe file and then you can use the same syntax to specify the .stylx file location as I do in my example:<\/p>\n<p><code>SymbolStyle mobileStyle = await SymbolStyle.OpenAsync(@\u201dFirefly.stylx\u201d);<\/code><\/p>\n<h1>Conclusion<\/h1>\n<p>You can take advantage of the styles created by others by applying them to the layers in maps in your native apps. Be sure to check out the styles on <a href=\"https:\/\/www.arcgis.com\/index.html\">ArcGIS Online<\/a>, especially the more common ones, like industry-specific ArcGIS Pro styles highlighted <a href=\"https:\/\/esri-styles.maps.arcgis.com\/home\/index.html\">on this ArcGIS Pro page<\/a>.<\/p>\n<p>I hope you\u2019re able to style your maps in just the way you want. Make sure to test your layers after you apply new styles to them.<\/p>\n<p>If you want to see how to let your users use a simple symbol layer picker to construct their own multilayer symbols using styles, check out <a href=\"https:\/\/developers.arcgis.com\/net\/wpf\/sample-code\/read-symbols-from-mobile-style\/\">Read symbols from a mobile style<\/a>.<\/p>\n<p>If you found this post interesting, we\u2019d appreciate it if you share the post on LinkedIn, Bluesky, or X. If you\u2019re curious about future openings on our team, check out the open positions on <a href=\"https:\/\/www.esri.com\/en-us\/about\/careers\/overview\">the Esri careers page<\/a>.<\/p>\n<p>Most importantly, don&#8217;t let anything dull your sparkle!<\/p>\n"}],"related_articles":"","show_article_image":false,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/09\/card-mobile-styles.png","wide_image":false},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.9 (Yoast SEO v25.9) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Create a mobile style for native apps<\/title>\n<meta name=\"description\" content=\"See how I create an ArcGIS mobile symbol style and apply it to my native app.\" \/>\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\/developers\/developers\/create-a-mobile-style-for-native-apps\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create a mobile style for native apps\" \/>\n<meta property=\"og:description\" content=\"See how I create an ArcGIS mobile symbol style and apply it to my native app.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/developers\/create-a-mobile-style-for-native-apps\" \/>\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=\"2025-10-07T20:56:21+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@ESRI\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\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\/developers\/developers\/create-a-mobile-style-for-native-apps#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/developers\/create-a-mobile-style-for-native-apps\"},\"author\":{\"name\":\"Mara Dolan\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/5791f5a81b39ed41c76c2f7e9f7da6bd\"},\"headline\":\"Create a mobile style for native apps\",\"datePublished\":\"2025-09-09T22:55:37+00:00\",\"dateModified\":\"2025-10-07T20:56:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/developers\/create-a-mobile-style-for-native-apps\"},\"wordCount\":7,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"keywords\":[\"GetSymbolAsync\",\"glowing symbols\",\"map appearance\",\"symbol style\"],\"articleSection\":[\"Developers\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/developers\/create-a-mobile-style-for-native-apps#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/developers\/create-a-mobile-style-for-native-apps\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/developers\/create-a-mobile-style-for-native-apps\",\"name\":\"Create a mobile style for native apps\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\"},\"datePublished\":\"2025-09-09T22:55:37+00:00\",\"dateModified\":\"2025-10-07T20:56:21+00:00\",\"description\":\"See how I create an ArcGIS mobile symbol style and apply it to my native app.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/developers\/create-a-mobile-style-for-native-apps#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/developers\/create-a-mobile-style-for-native-apps\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/developers\/create-a-mobile-style-for-native-apps#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.esri.com\/arcgis-blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Create a mobile style for native apps\"}]},{\"@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\/5791f5a81b39ed41c76c2f7e9f7da6bd\",\"name\":\"Mara Dolan\",\"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\/2025\/12\/myphoto-e1765182771432-213x200.jpg\",\"contentUrl\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/12\/myphoto-e1765182771432-213x200.jpg\",\"caption\":\"Mara Dolan\"},\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/author\/mdolan\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Create a mobile style for native apps","description":"See how I create an ArcGIS mobile symbol style and apply it to my native app.","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\/developers\/developers\/create-a-mobile-style-for-native-apps","og_locale":"en_US","og_type":"article","og_title":"Create a mobile style for native apps","og_description":"See how I create an ArcGIS mobile symbol style and apply it to my native app.","og_url":"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/developers\/create-a-mobile-style-for-native-apps","og_site_name":"ArcGIS Blog","article_publisher":"https:\/\/www.facebook.com\/esrigis\/","article_modified_time":"2025-10-07T20:56:21+00:00","twitter_card":"summary_large_image","twitter_site":"@ESRI","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/developers\/create-a-mobile-style-for-native-apps#article","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/developers\/create-a-mobile-style-for-native-apps"},"author":{"name":"Mara Dolan","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/5791f5a81b39ed41c76c2f7e9f7da6bd"},"headline":"Create a mobile style for native apps","datePublished":"2025-09-09T22:55:37+00:00","dateModified":"2025-10-07T20:56:21+00:00","mainEntityOfPage":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/developers\/create-a-mobile-style-for-native-apps"},"wordCount":7,"commentCount":0,"publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"keywords":["GetSymbolAsync","glowing symbols","map appearance","symbol style"],"articleSection":["Developers"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/developers\/create-a-mobile-style-for-native-apps#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/developers\/create-a-mobile-style-for-native-apps","url":"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/developers\/create-a-mobile-style-for-native-apps","name":"Create a mobile style for native apps","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#website"},"datePublished":"2025-09-09T22:55:37+00:00","dateModified":"2025-10-07T20:56:21+00:00","description":"See how I create an ArcGIS mobile symbol style and apply it to my native app.","breadcrumb":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/developers\/create-a-mobile-style-for-native-apps#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/developers\/create-a-mobile-style-for-native-apps"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/developers\/developers\/create-a-mobile-style-for-native-apps#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.esri.com\/arcgis-blog\/"},{"@type":"ListItem","position":2,"name":"Create a mobile style for native apps"}]},{"@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\/5791f5a81b39ed41c76c2f7e9f7da6bd","name":"Mara Dolan","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\/2025\/12\/myphoto-e1765182771432-213x200.jpg","contentUrl":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/12\/myphoto-e1765182771432-213x200.jpg","caption":"Mara Dolan"},"url":"https:\/\/www.esri.com\/arcgis-blog\/author\/mdolan"}]}},"text_date":"September 9, 2025","author_name":"Mara Dolan","author_page":"https:\/\/www.esri.com\/arcgis-blog\/author\/mdolan","custom_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2025\/08\/Newsroom-Keyart-Wide-1920-x-1080.jpg","primary_product":"Developers","tag_data":[{"term_id":780799,"name":"GetSymbolAsync","slug":"getsymbolasync","term_group":0,"term_taxonomy_id":780799,"taxonomy":"post_tag","description":"","parent":0,"count":1,"filter":"raw"},{"term_id":780800,"name":"glowing symbols","slug":"glowing-symbols","term_group":0,"term_taxonomy_id":780800,"taxonomy":"post_tag","description":"","parent":0,"count":1,"filter":"raw"},{"term_id":780801,"name":"map appearance","slug":"map-appearance","term_group":0,"term_taxonomy_id":780801,"taxonomy":"post_tag","description":"","parent":0,"count":1,"filter":"raw"},{"term_id":780798,"name":"symbol style","slug":"symbol-style","term_group":0,"term_taxonomy_id":780798,"taxonomy":"post_tag","description":"","parent":0,"count":1,"filter":"raw"}],"category_data":[{"term_id":738191,"name":"Developers","slug":"developers","term_group":0,"term_taxonomy_id":738191,"taxonomy":"category","description":"","parent":0,"count":426,"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":215,"filter":"raw"},{"term_id":769142,"name":"ArcGIS Maps SDK for .NET","slug":"sdk-net","term_group":0,"term_taxonomy_id":769142,"taxonomy":"product","description":"","parent":36601,"count":40,"filter":"raw"},{"term_id":769162,"name":"ArcGIS Maps SDK for Java","slug":"sdk-java","term_group":0,"term_taxonomy_id":769162,"taxonomy":"product","description":"","parent":36601,"count":24,"filter":"raw"},{"term_id":768902,"name":"ArcGIS Maps SDK for Kotlin","slug":"sdk-kotlin","term_group":0,"term_taxonomy_id":768902,"taxonomy":"product","description":"","parent":36601,"count":34,"filter":"raw"},{"term_id":769152,"name":"ArcGIS Maps SDK for Qt","slug":"sdk-qt","term_group":0,"term_taxonomy_id":769152,"taxonomy":"product","description":"","parent":36601,"count":37,"filter":"raw"},{"term_id":768912,"name":"ArcGIS Maps SDK for Swift","slug":"sdk-swift","term_group":0,"term_taxonomy_id":768912,"taxonomy":"product","description":"","parent":36601,"count":33,"filter":"raw"},{"term_id":36601,"name":"Developers","slug":"developers","term_group":0,"term_taxonomy_id":36601,"taxonomy":"product","description":"","parent":0,"count":765,"filter":"raw"}],"primary_product_link":"https:\/\/www.esri.com\/arcgis-blog\/?s=#&products=developers","_links":{"self":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/2937460","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\/372342"}],"replies":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/comments?post=2937460"}],"version-history":[{"count":0,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/2937460\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/media?parent=2937460"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/categories?post=2937460"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/tags?post=2937460"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/industry?post=2937460"},{"taxonomy":"product","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/product?post=2937460"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}