{"_id":"@clarium/ezui-icons","_rev":"6-0a7320513beef8897d51c05f2b71d151","name":"@clarium/ezui-icons","dist-tags":{"latest":"0.0.1-beta"},"versions":{"0.0.1-beta":{"name":"@clarium/ezui-icons","version":"0.0.1-beta","keywords":["angular","icon-library","framework-agnostic","custom-icons","lightweight"],"author":{"name":"arunkumarr@clarium.tech, arunkumars@clarium.tech"},"license":"MIT","_id":"@clarium/ezui-icons@0.0.1-beta","maintainers":[{"name":"arunkumarravindran","email":"arunkumarravindrandev@outlook.com"},{"name":"aruns1012","email":"arunkumars@clarium.tech"}],"dist":{"shasum":"5bd7874c8a0da2b0e211d9f13675ce3480a03af8","tarball":"https://registry.npmjs.org/@clarium/ezui-icons/-/ezui-icons-0.0.1-beta.tgz","fileCount":28,"integrity":"sha512-TPrun+ar9XSknkMEtZnZL4dzM+SYkxPR8474WL8vb3PsKjb6DNcQNTtQVU77nqJnEZgVQ0U2eSv55MGTdR5BEQ==","signatures":[{"sig":"MEUCIQDZ4Gef6Gn0cNhOgSGfCtg7TbFzIkrHcBgvqSVIuVXpaAIgUgcf38AL6X0mLaIn8xtaYKbrEapweNrswqtBAcqg4Lo=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":6110808},"module":"fesm2022/clarium-ezui-icons.mjs","engines":{"npm":">=8.0.0","node":">=16.0.0"},"exports":{".":{"esm":"./esm2022/clarium-ezui-icons.mjs","types":"./index.d.ts","default":"./fesm2022/clarium-ezui-icons.mjs","esm2022":"./esm2022/clarium-ezui-icons.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"567984d2c40e1226a945b78e97029e84af01a279","typings":"index.d.ts","_npmUser":{"name":"aruns1012","email":"arunkumars@clarium.tech"},"_npmVersion":"10.9.2","description":"A lightweight and customizable icon library for Angular and framework-agnostic applications, designed for seamless integration and performance.","directories":{},"sideEffects":false,"_nodeVersion":"22.14.0","dependencies":{"tslib":"^2.4.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=8.0.0 <=20.x.x","@angular/common":">=8.0.0 <=20.x.x"},"_npmOperationalInternal":{"tmp":"tmp/ezui-icons_0.0.1-beta_1753266695245_0.8769760896283869","host":"s3://npm-registry-packages-npm-production"}}},"time":{"created":"2025-07-23T10:31:35.039Z","modified":"2026-07-23T06:19:38.642Z","0.0.1-beta":"2025-07-23T10:31:35.524Z"},"author":{"name":"arunkumarr@clarium.tech, arunkumars@clarium.tech"},"license":"MIT","keywords":["angular","icon-library","framework-agnostic","custom-icons","lightweight"],"description":"A lightweight and customizable icon library for Angular and framework-agnostic applications, designed for seamless integration and performance.","maintainers":[{"email":"arunkumars@clarium.tech","name":"aruns1012"},{"email":"arunkumarravindrandev@outlook.com","name":"arunkumarravindran"},{"email":"krishnavenikb@clarium.tech","name":"katikalakrishnaveni"},{"email":"fevinfm@clarium.tech","name":"fevinfm"},{"email":"kesavanm@clarium.tech","name":"kesavanmaniarasu"}],"readme":"# EzUI Icons\n\n**Lightweight, scalable, and easy-to-use icon library for modern web apps.**\n\nEzUI Icons is a scalable icon library powered by custom icon fonts. Designed for performance and simplicity, it offers flexible usage through both component-based and class-based options. With sharp, resolution-independent rendering and full customization support, it adapts easily to modern design systems and workflows.\n\n\n<p align=\"center\">\n  <a href=\"https://www.npmjs.com/package/@clarium/ezui-icons\">\n    <img src=\"https://img.shields.io/npm/v/@clarium/ezui-icons\" alt=\"NPM Version\" />\n  </a>\n  <a href=\"./LICENSE.txt\">\n    <img src=\"https://img.shields.io/npm/l/@clarium/ezui-icons\" alt=\"License\" />\n  </a>\n</p>\n\n---\n\n## Contents\n\n- [Overview](#overview)\n- [Key Features](#key-features)\n- [Installation](#installation)\n- [Module Import](#module-import)\n- [Usage](#Detailed-Usage)\n- [Customization](#customization)\n- [Icon Preview](#icon-preview)\n- [Compatibility](#compatibility)\n- [Browser Support](#browser-support)\n- [License](#license)\n\n---\n\n## Overview\n\nEzUI Icons is a lightweight, high-performance icon library that uses custom icon fonts to deliver sharp, scalable vector icons. It provides flexible usage options through both reusable components and classic CSS classes, allowing easy integration into a wide range of front-end projects.\n\nBuilt for speed and customization, EzUI Icons enables developers to extend or modify icon sets effortlessly to match any design system. Its modular design keeps your bundle size minimal while ensuring consistent, crisp visuals across all modern browsers and screen sizes.\n\n---\n\n## Key Features\n\n- **Lightweight** – Load only the icons you need\n- **Scalable** – Crisp vector rendering at any size\n- **Flexible** – Use as reusable components or class-based icons\n- **Customizable** – Add your own icons easily with Fontello\n- **Framework-Friendly** – Built to integrate smoothly with any modern front-end framework\n\n---\n\n## Installation\n\nInstall the package via npm:\n\n```bash\nnpm install @clarium/ezui-icons\n``` \n### Module Import\n\nTo use `<ezui-icon>` in your app, import the module into your `AppModule`:\n\n```ts\nimport { EzuiIconModule } from '@clarium/ezui-icons';\n\n@NgModule({\n  imports: [EzuiIconModule],\n})\nexport class AppModule {}\n\n```\nUse the icons in your templates:\n```html\n<ezui-icon name=\"home\"></ezui-icon>\n```\n\n\n## Usage\nEzUI Icons can be used in two ways: as an Angular component or via CSS classes.\n\n**Component-Based Usage**\nUse the <ezui-icon> component in your templates:\n\n```html \n<ezui-icon name=\"home-outline\"></ezui-icon>\n<ezui-icon name=\"user-circle\"></ezui-icon>\n<ezui-icon name=\"dashboard\"></ezui-icon>\n```\n\n**Class-Based Usage**\nApply icon classes directly to HTML elements:\n\n```html \n<i class=\"ezui-home-outline\"></i>\n<i class=\"ezui-user-circle\"></i>   \n<i class=\"ezui-dashboard\"></i>\n```\n\n### Customization\n\nYou can customize the icons by applying CSS styles directly to the `<ezui-icon>` component or the icon classes.\n\nFor example:\n```html \n<ezui-icon name=\"home\" color=\"red\" size=\"2rem\"></ezui-icon>\n```\n\n## Icon Preview\n\nExplore the full collection of available icons, their names, and usage examples on our dedicated icon gallery:\n\n[View the EzUI-Icons Gallery](https://ez-icons.clarium.tech)\n\nThe gallery provides:\n\n- Visual previews of every icon\n- Icon names for use with the `<ezui-icon>` component or CSS classes\n- Search and filter functionality for easy browsing\n- Usage tips and customization examples\n\nCheck it out to find the perfect icon for your project!\n\n## Compatibility\n\nEzUI supports Angular versions 16 through 20, ensuring seamless integration with the latest features and ecosystem improvements.\n\nThe library works with TypeScript 4.8 and above, giving you the latest language enhancements and strict type safety.\n\nFor Node.js, EzUI is tested and compatible with versions 16, 18, and 20, aligning with common Angular development environments.\n\n---\n\n## Browser Support\nEzUI components run flawlessly on all major modern browsers, including:\n\n- **Google Chrome**\n\n- **Mozilla Firefox**\n\n- **Microsoft Edge**\n\n- **Apple Safari**\n\n\n## License\nEzUI Icons is licensed under the MIT and SIL License.\n\nSee the [LICENSE.txt](./LICENSE.txt) file for full details.\n\n","readmeFilename":"README.md"}