Installation Icons
pnpm add @aliimam/icons
Installation Logos
pnpm add @aliimam/logos
How to use
AI is built with ES Modules, so it's completely tree-shakable.
Each icon can be imported as a React component, which renders an inline SVG element. This way, only the icons that are imported into your project are included in the final bundle. The rest of the icons are tree-shaken away.
Example Icons
Additional props can be passed to adjust the icon:
import { MoonStar } from "@aliimam/icons";
// Usage
const App = () => {
return <MoonStar size={48} />;
};
export default App;Example Logos
Additional props can be passed to adjust the icon:
import { Apple } from "@aliimam/logos";
// Usage
const App = () => {
return <Apple size={48} />;
};
export default App;Props Icons
| name | type | default |
|---|---|---|
size | number | 24 |
color | string | currentColor |
strokeWidth | number | 1 |
Props Logos
| name | type | default |
|---|---|---|
size | number | 24 |
color | string | currentColor |