topic Create a graphic with an embedded shape inside and a custom color fill in ArcGIS JavaScript Maps SDK Questions

Create a graphic with an embedded shape inside and a custom color fill

JimBambrough — Tue, 30 Dec 2025 22:12:59 GMT

I am trying to create a custom truck graphic with a "gear" inside to indicate a truck that is being serviced (see attached SVG). I need the ability to do the following 2 things:

Render the outline of the truck with the solid black gear inside
Custom fill the various instances of this graphic with different colors

Ideally, I would prefer to do this via SVG. But it seems this is likely not achievable given the solid "gear" inside the truck. I am open to any other solutions (.png, etc...) if I can achieve the previous 2 bullet points

Re: Create a graphic with an embedded shape inside and a custom color fill

ReneRubalcava — Wed, 31 Dec 2025 17:05:37 GMT

You should be able to accomplish this with CIMSymbol.

Here is an older blog post that walks through the process of converting SVG to CIM using the CIMSymbolBuilder.

https://www.esri.com/arcgis-blog/products/js-api-arcgis/developers/upload-symbols-from-svg-in-the-updated-cim-symbol-builder

Re: Create a graphic with an embedded shape inside and a custom color fill

JimBambrough — Fri, 02 Jan 2026 16:44:55 GMT

Yes, I ended up using CIMSymbol. It look me a bit of scouring the API and documentation, but this ended up working. Thank you so much for your response!