One effective method to create a user-friendly SVG icon selection in your custom Gutenberg Block is to organize the SVG files into a structured JSON format, as you've described. This allows for easy customization and scalability without reworking the backend.
You can automate the generation of the JSON file containing icon metadata by using a simple Python script. This enables quick and easy addition of new icons in the future without manual entry.
Consider designing a dynamic dropdown or modal component using React for displaying the icons. This could enhance user experience by allowing quick browsing through the selection of icons available.
For maintaining the flexibility of your icon library, structure your JSON schema to accommodate various icon families. This will make it easier to expand and include diverse icon sets in the future.
Collection
[
|
...
]