FeatureRequest: Model for dynamically referencing icons

What is the cleanest way to dynamically include an icon in a React component? eg when an icon name is passed as a prop to the component and the component needs to display the icon.

The structure of the packages do not lend themselves to import IconSet from '@iconify/icons-[set]' and use IconSet[iconname]

[cyberalien]

Its not out of scope though 😃

I am working on Iconify version 2 right now. It is modular package that shares source with SVG framework, so it would be quite easy to implement React component with API. If you do want React component with API support, I can make one.

[cyberalien]

Forgot to mention: unlike SVG framework that uses simple JSONP to retrieve data from API, React component uses XMLHttpRequest. This is experimental thing. I’ll be testing how it works.

If you want to revert to JSONP behaviour, replace this line in src/icon.ts:

import { getAPIModule } from '@iconify/core/lib/api/modules/axios';

with

import { getAPIModule } from '@iconify/core/lib/api/modules/jsonp';

and rebuild package.

To rebuild package first in root directory run npm install and npm run bootstrap to install all dependencies and create links between packages, then in packages/react-with-api run npm run build to build it.