Overview

Atum Icons is a modern React SVG icon library designed specifically for design systems and scalable UI architectures.

It is built with long-term maintainability in mind and powers Atum UI, ensuring consistent visuals, predictable APIs, and effortless theming across applications.

✨ Features

• Automated SVG → React component generation
• Theme-ready icons using currentColor
• Font-size based scaling (1em)
• Multiple visual styles (Linear, Outline, Bold, Bulk, Broken, Twotone)
• Category-based icon organization
• Tree-shakeable exports
• Designed for design systems, not demos

📦 Installation

npm install atum-icons

🚀 Usage

import { TrashLinearIcon } from "atum-icons";

<TrashLinearIcon style={{ color: "#6d28d9", fontSize: "24px" }} />

🎨 Styling & Theming

Outline icons inherit color using CSS color.

<div style={{ color: "#0ea5e9", fontSize: 40 }}>
  <TrashLinearIcon />
</div>

🧩 Icon Variants

Icons may be available in multiple styles:

• Linear
• Outline
• Bold
• Bulk
• Broken
• Twotone

🔁 Versioning

Atum Icons follows semantic versioning and grows incrementally.

📄 License

MIT

👤 Author

Nithish Kumar
Frontend Engineer focused on scalable UI systems and design systems.