{"id":15064552,"url":"https://github.com/studio51/fluent-icons","last_synced_at":"2026-02-13T03:20:58.888Z","repository":{"id":39878366,"uuid":"412222478","full_name":"studio51/fluent-icons","owner":"studio51","description":"A Ruby gem that allows you to use Microsoft's Fluent UI Icons inside your Rails app.","archived":false,"fork":false,"pushed_at":"2025-03-22T21:14:56.000Z","size":133384,"stargazers_count":6,"open_issues_count":2,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-22T22:20:33.423Z","etag":null,"topics":["fluent-ui","fluent-ui-icons","icons","rails","svg"],"latest_commit_sha":null,"homepage":"https://studio51.github.io/fluent-ui-icons/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/studio51.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-09-30T20:44:55.000Z","updated_at":"2025-03-22T21:15:01.000Z","dependencies_parsed_at":"2025-03-22T22:30:08.169Z","dependency_job_id":null,"html_url":"https://github.com/studio51/fluent-icons","commit_stats":null,"previous_names":["studio51/fluent-ui-icons"],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/studio51%2Ffluent-icons","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/studio51%2Ffluent-icons/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/studio51%2Ffluent-icons/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/studio51%2Ffluent-icons/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/studio51","download_url":"https://codeload.github.com/studio51/fluent-icons/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248217111,"owners_count":21066633,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["fluent-ui","fluent-ui-icons","icons","rails","svg"],"created_at":"2024-09-25T00:20:28.651Z","updated_at":"2025-10-16T10:20:37.717Z","avatar_url":"https://github.com/studio51.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Fluent::Icons\n\nThis gem allows you to use Microsoft's Fluent Icons package in a Rails app through the `fluent()` helper.\nThis has been extracted from https://games.directory without any other consideration, as such, if it doesn't work for you, you can either open an Issue or Pull Request.\n\nhttps://github.com/microsoft/fluentui-system-icons\n\nI'm happy to merge anything that'll make this work with any other Rails app.\n\n## Considerations\n\n- Currently, the gem has to be updated manually each time the fluent repository gets updated. Expect weekly updates.\n- The gem stores a copy of all SVG images available in the FluentUI Icon library. It's beefy!\n\n## Installation\n\nAdd this line to your application's Gemfile:\n\n```ruby\ngem 'fluent-icons'\n```\n\nAnd then execute:\n\n    $ bundle install\n\nOr install it yourself as:\n\n    $ gem install fluent-icons\n\n## Usage\n\nPlain Ruby `FluentIcons::Fluent.new('add', style: 'regular', weight: 20, **options)`\nRails `fluent('add', style: 'regular', weight: 20, **options)`\n\nBy default, the helper will use `weight: 20` of the SVG icon. However, not all of them have a weight of 20.\nIf the SVG image is not found, you should try a different weight like so: `fluent('add', weight: 24)`\n\nWith TailwindCSS, you can change the size and color of the icon with `fluent('add', class: 'w-4 h-4 fill-current text-green-500')`\n\nTo avoid having to add the `fill-current` class each time, you can add these CSS rules:\n\n```css\n.fluent path { @apply fill-current; } /* TailwindCSS with JIT */\n.fluent path { fill: currentColor; } /* Plain CSS */\n```\n\n## ToDo\n\n- [ ] Add a ViewComponent option\n- [ ] Add CSS fonts\n- [x] Get rid of Nokogiri\n- [x] Find a better way to store the icons. (updated: They are now stored in a JSON file)\n- [ ] Use Github Actions to update the build folder and generate the required schema automatically on new releases\n- [x] \u003cs\u003eAdd a way to search them on Github Pages\u003c/s\u003e (updated: https://fluenticons.co/ is pretty good)\n- [ ] Render raw SVG, instead of images, when previewing so we can dynamically set color and size, if needed\n- [ ] Include TailwindCSS extension to allow for dynamic color and size when rendering the icon\n\n## Update\n\nTo update the icons, run `bin/update`. This will copy all the icons from the FluentUI Icon library to the `lib/data/svg` directory and create the new `data.json` with the updated schema.\n\n## Development\n\nAfter checking out the repo, run `bin/setup` to install dependencies.\n\n## Contributing\n\nBug reports and pull requests are welcome on GitHub at https://github.com/studio51/fluent-ui-icons. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [code of conduct](https://github.com/studio51/fluent-ui-icons/blob/main/CODE_OF_CONDUCT.md).\n\n## License\n\nThe gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).\n\n## Code of Conduct\n\nEveryone interacting in the Fluent::Icons project's codebases, issue trackers, chat rooms and mailing lists is expected to follow the [code of conduct](https://github.com/studio51/fluent-ui-icons/blob/main/CODE_OF_CONDUCT.md).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstudio51%2Ffluent-icons","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstudio51%2Ffluent-icons","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstudio51%2Ffluent-icons/lists"}