Converting SVG to CIM symbols

saqibqureshi

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:

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

AnneFitz

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!