Official icon library for @ollion/flow-core design system. Icons are downloaded from figma and packaged up and published to npm.
make sure that you already installed @ollion/flow-core if not then run following command.
yarn add @ollion/flow-core
yarn add @ollion/flow-system-icon
yarn add @ollion/flow-product-icon
yarn add @ollion/flow-aws-icon
yarn add @ollion/flow-gcp-icon
Register installed icon pack in your applilcation startup file after importing @ollion/flow-core like below.
import("@ollion/flow-core").then(async () => {
await import("@ollion/flow-system-icon");
await import("@ollion/flow-product-icon");
await import("@ollion/flow-aws-icon");
await import("@ollion/flow-gcp-icon");
//your application startup code
});If you wish to create separate icon pack for @ollion/flow-core then fork this library follow these steps.
- update
./figma/config.jsfile with your respective figma icon file key and figma token. Learn figma api here - update package name and version in
package.json. - If you are developing private package then you need
.npmrcfile. - run
yarn && yarn publish.
If you don't have figma then you just need svg files.
- To create separate package refer any package from this directory.
- As you can see each icon has its respective file in svg folder, In similar way you need to create those many file for your icons.
- Import those files in
index.ts - Update
package.jsonwith respective package name. - run
yarn && yarn publish.