Converting SVG to CIM symbols

saqibqureshi — Wed, 27 Aug 2025 18:30:30 GMT

We're currently using client-side layers that depend on PictureMarkerSymbol to render SVGs. However, we've noticed that these symbols become pixelated when scaled or rotated. To address this, we're looking to transition to CIMSymbol, which offers better visual fidelity under transformations.

I'm seeking guidance on two fronts:

Batch conversion of SVG files to CIM symbols.
Best practices for organizing and storing CIM symbol resources within a React-based project.

Re: Converting SVG to CIM symbols

AnneFitz — Thu, 28 Aug 2025 18:30:12 GMT

You have a couple options here:

1) symbolService.generateSymbol(): this method converts SVG -> CIM using the REST API symbol service.

2) Publish the symbols you need as WebStyleSymbols! These are CIM symbols under the hood, but allow for easy reference to the symbol by its name. Check out this blog for more info on creating and publishing web styles.

Hope this helps!

topic Re: Converting SVG to CIM symbols in ArcGIS JavaScript Maps SDK Questions

Converting SVG to CIM symbols

Re: Converting SVG to CIM symbols