keenicons-font-icons-reactive
Reactive icon

keenicons Font Icons Reactive

Stable version 1.0.0 (Compatible with OutSystems 11)
Uploaded
 on 25 Dec (13 hours ago)
 by 
0.0
 (0 ratings)
keenicons-font-icons-reactive

keenicons Font Icons Reactive

Details
Provides a bundled KeenIcons font library (315 icons) for OutSystems Reactive, allowing developers to use scalable icons via simple CSS class names without external dependencies. Supports selecting font size (1x, 2x, 3x, 4x) and icon style (solid, outline, filled, duotone), making it easy to build consistent, modern UI elements across menus, buttons, and dashboards.
Read more

Overview
KeenIcons Font Icons for OutSystems Reactive is a reusable UI component that brings a clean, modern, and scalable icon font library into any OutSystems application. It eliminates the need to manually import icon packs, SVG files, or reference external CDNs, providing a secure, offline-ready solution fully packaged inside a single reactive library module.


What This Asset Provides

  • 315 ready-to-use icons from the KeenIcons family

  • Four icon styles included: Solid, Outline, Filled, Duotone

  • Scalable font-based icons with size classes (1x, 2x, 3x, 4x) for responsive adjustment

  • Local font hosting (TTF, WOFF, EOT, SVG) – no internet/CDN dependency

  • Public CSS enabling developers to instantly apply icons with class names, e.g.:

    <span class="icon-home size-2x solid"></span>
  • Lightweight and optimized – minimal performance impact compared to SVG imports

  • Secure by design – avoids external domain calls in restricted/government networks

  • Compatible with all Reactive apps via Add Dependency


Why Use This Asset
This component is ideal for teams who want to standardize UI iconography across applications while keeping performance, security, and consistency in mind. Because icons are loaded locally inside the module, it works seamlessly in offline environments, isolated networks, and restricted enterprise deployments—especially in organizations where external resources are blocked.


How It Works

  1. Install the app from Forge into your environment

  2. Open your Reactive app ? Add Dependency ? select KeenIcons_Font module

  3. Reference the provided theme or CSS

  4. Add icons anywhere using class-based HTML syntax

  5. Customize size or style through included utility classes (1x-4x, solid/outline/filled/duotone)


Use Cases

  • Navigation menus & toolbars

  • Action buttons, CTAs, and badges

  • Dashboards and cards

  • Dropdown items, lists, and tables

  • Admin portals and internal systems


Included Content

  • Reactive Library Module

  • Fonts folder (TTF, WOFF, EOT, SVG)

  • Public CSS file with @font-face + utility classes

  • Optional sample/demo screen showing icon gallery and usage instructions


Target Users
OutSystems developers, UI designers, and teams building enterprise-grade applications needing consistent, modern icons without complex configuration.

Release notes (1.0.0)
License (1.0.0)

License – BSD-3 ClauseThis asset is released under the BSD-3 License unless explicitly stated otherwise. By publishing this component, the author grants an irrevocable BSD-3 license in favor of anyone using the asset through the OutSystems Forge.

For full terms, refer to:https://opensource.org/licenses/BSD-3-Clause

Icons source inspiration: KeenIcons (keenthemes.com)This publication includes only font-packaged resources adapted for OutSystems use.

Reviews (0)
Team
Other assets in this category
More from mohamed reda