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.js
file 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
.npmrc
file. - 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.json
with respective package name. - run
yarn && yarn publish
.