The Geocortex Web SDK supports adding custom icons to applications. Icon components are created with the
createSvgIcon function. These icon components can then be registered to make them available to app config, layout, and other built-in web components.
To create a new SVG icon, create a new
tsx file that exports the
createSvgIcon function. This function will create a React component icon that can be used in Geocortex Web Components.
You can then register this icon with the library using the
registry.registerIcon(...) function. This allows it to be used in the app config, layout, and built-in web components like
Icon IDs should be chosen to be globally unique - one easy way to ensure this is to preface the icon ID with your company name.
- Component With Icon
- App Config
Use Icons in Components
Learn how to use icons in custom components