https://github.com/bennymeg/ngx-fluent-ui

Angular & online library for Microsoft Fluent UI icons
https://github.com/bennymeg/ngx-fluent-ui

angular fluent-ui icons microsoft

Last synced: 3 months ago
JSON representation

Angular & online library for Microsoft Fluent UI icons

• Host: GitHub
• URL: https://github.com/bennymeg/ngx-fluent-ui
• Owner: bennymeg
• License: apache-2.0
• Created: 2021-03-23T13:43:41.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2024-04-18T16:40:24.000Z (9 months ago)
• Last Synced: 2024-10-12T02:14:39.483Z (3 months ago)
• Topics: angular, fluent-ui, icons, microsoft
• Language: TypeScript
• Homepage:
• Size: 8.44 MB
• Stars: 19
• Watchers: 2
• Forks: 1
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-angular - ngx-fluent-ui - Angular & online library for Microsoft Fluent UI icons. (Table of contents / Third Party Components)
• fucking-awesome-angular - ngx-fluent-ui - Angular & online library for Microsoft Fluent UI icons. (Table of contents / Third Party Components)
• fucking-awesome-angular - ngx-fluent-ui - Angular & online library for Microsoft Fluent UI icons. (Table of contents / Third Party Components)

README

        





  

    

  

  
NGX Fluent UI


  


    Microsoft's Fluent UI icons library for Angular applications

    


    


    

    View Demo

    .

    Report Bug

    .

    Request Feature

  


  


  


  [![licence](https://img.shields.io/github/license/bennymeg/ngx-fluent-ui.svg)](https://github.com/bennymeg/ngx-fluent-ui/blob/master/LICENSE)

  [![npm version](https://img.shields.io/npm/v/ngx-fluent-ui.svg)](https://www.npmjs.com/package/ngx-fluent-ui-icons)

  

  




## Installation

```bash

npm install ngx-fluent-ui-icons

```

## Usage

1. Import Fluent UI icon module

```ts  

import { NgModule } from '@angular/core';

import { FluentUiIconsModule } from 'ngx-fluent-ui-icons';

import { heart_24_filled, heart_24_regular } from 'ngx-fluent-ui-icons';

@NgModule({

  imports: [

    FluentUiIconsModule.pick({ heart_24_filled, heart_24_regular })

  ]

})

export class AppModule { }

```

> **Note:** Only the icons you pick will be bundled in the final build

2. Use it in the html template

```html

```

## Roadmap

See the [open issues](https://github.com/bennymeg/ngx-fluent-ui/issues) for a list of proposed features (and known issues).

## Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are **greatly appreciated**.

* If you have suggestions for adding or removing projects, feel free to [open an issue](https://github.com/bennymeg/ngx-fluent-ui/issues/new) to discuss it, or directly create a pull request after you edit the *README.md* file with necessary changes.

* Please make sure you check your spelling and grammar.

* Create individual PR for each suggestion.

* Please also read through the [Code Of Conduct](https://github.com/bennymeg/ngx-fluent-ui/blob/master/CODE_OF_CONDUCT.md) before posting your first idea as well.

### Creating A Pull Request

1. Fork the Project

2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)

3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)

4. Push to the Branch (`git push origin feature/AmazingFeature`)

5. Open a Pull Request

## License

Distributed under the Apache 2.0 License. See [LICENSE](https://github.com/bennymeg/ngx-fluent-ui/blob/master/LICENSE.md) for more information.

## Authors

* **[Benny Megidish](https://github.com/bennymeg/)**