Guides

Every guide is also available as Markdown for your AI: add .md through the link on each page, or read llms.txt.

• Install and use the packages

  Add animated icons to any JavaScript app: install only the icons you need with the generative-icons CLI, and render them with the shared runtime or the…

• Use an icon file

  For app integration, generative-icons add and the npm packages are the easiest path. This page covers using the native files directly.

• Create an icon

  When the library has no icon for your meaning, your coding AI can create one in your own project with the generative-icons CLI. You can also write it…

• AI operating guide

  Give this file to your coding agent to create or revise icons that match the Generative Icons family by LottieFiles. It bundles the canonical workflow,…

• Drawing principles

  Use a 32 × 32 vector coordinate system. Outline weights are 1.5, 2 and 2.5 units; Regular is 2. The three weights share one geometry, and every Regular…

• Motion principles

  Design cause → action → response → final state before writing keyframes. Define the stationary structure, main driver, followers, anchors, hinges and…

• Known limitations

  generative-icons build exports native Lottie on LottieFiles' hosted engine, so it needs a sign-in (generative-icons login). The hosted engine is internal…