{"id":23678034,"url":"https://github.com/node-3d/qml-fontawesome-raub","last_synced_at":"2026-02-16T07:01:23.865Z","repository":{"id":270094620,"uuid":"909112600","full_name":"node-3d/qml-fontawesome-raub","owner":"node-3d","description":"FontAwesome 6+ icons for QML","archived":false,"fork":false,"pushed_at":"2025-01-15T12:19:09.000Z","size":1416,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-11-06T08:02:14.194Z","etag":null,"topics":["fontawesome","fontawesome6","icons","qml","qt","qtquick"],"latest_commit_sha":null,"homepage":"https://github.com/node-3d/node-3d","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/node-3d.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-12-27T19:01:45.000Z","updated_at":"2025-01-15T12:17:28.000Z","dependencies_parsed_at":null,"dependency_job_id":"b3eed991-7d7b-4055-9c1f-394cbc4c6e6c","html_url":"https://github.com/node-3d/qml-fontawesome-raub","commit_stats":null,"previous_names":["node-3d/qml-fontawesome-raub"],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/node-3d/qml-fontawesome-raub","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/node-3d%2Fqml-fontawesome-raub","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/node-3d%2Fqml-fontawesome-raub/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/node-3d%2Fqml-fontawesome-raub/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/node-3d%2Fqml-fontawesome-raub/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/node-3d","download_url":"https://codeload.github.com/node-3d/qml-fontawesome-raub/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/node-3d%2Fqml-fontawesome-raub/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29502928,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-16T05:57:17.024Z","status":"ssl_error","status_checked_at":"2026-02-16T05:56:49.929Z","response_time":115,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["fontawesome","fontawesome6","icons","qml","qt","qtquick"],"created_at":"2024-12-29T15:15:53.201Z","updated_at":"2026-02-16T07:01:23.850Z","avatar_url":"https://github.com/node-3d.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# FontAwesome for QML\n\nThis is a part of [Node3D](https://github.com/node-3d) project.\n\n[![NPM](https://badge.fury.io/js/qml-fontawesome-raub.svg)](https://badge.fury.io/js/qml-fontawesome-raub)\n\n```console\nnpm i -s qml-fontawesome-raub\n```\n\n![Example](examples/screenshot.png)\n\nProvides **FontAwesome 6+** icons and helpers for QML. It is possible but not obligatory\nto use this repo as NPM module.\n\n\n## Features\n\n* FontAwesome **6.7.2**\n* Uses local OTF files (sync load)\n* Parses native `icons.json` (that comes with fonts)\n* Seamless handling of 3 separate fonts\n* Classic icon names - `fa_xxxxx_o`\n* Icons alias names supported\n\n### Notes\n\nOriginal `icons.json` is altered to become the `FontAwesome/webfonts/icons.js`\n(by only prefixing `const icons = `), because\nfor QML it is easier to work with JS. Then the file is parsed on runtime to build the\nicon sets. Hence it should be straightforward to upgrade the fonts in future.\n\nThe icon names are taken from `icons.json` and prefixed with \"fa_\", the dashes are\nreplaced with lo-dashes. E.g. `plug-circle-bolt` -\u003e `fa_plug_circle_bolt`.\n\nIf the same icon exists in solid and regular styles, the regular one receives the\n`_o` suffix, so that there are 2 distinct icon names. E.g. `fa_sun` and `fa_sun_o`.\n\n\n## Available QML types\n\nImporting the module automatically instantiates the `FontAwesome` singleton that loads\nfonts and provides low-level interface:\n\n```ts\nFontAwesome.icons: { [name]: string } // icon name -\u003e unicode character\nFontAwesome.list: string[] // list of all icon names, same as `Object.keys(FontAwesome.icons)`\nFontAwesome.listUnique: string[] // list of unique icon names, excluding aliases\nFontAwesome.fonts: { // auxilary font descriptions\n\tregular: { family: string, weight: number },\n\tsolid: { family: string, weight: number },\n\tbrands: { family: string, weight: number },\n}\nFontAwesome.getFamily: (name) =\u003e string // one of Font Awesome font names\nFontAwesome.getWeight: (name) =\u003e number // 400 or 900 (`Font.Normal` or `Font.Black`)\nFontAwesome.getText: (name) =\u003e string // icon unicode, sane as `FontAwesome.icons[name]`\n```\n\nType `IconAwesome` wraps the above to display any icon, but it is not obligatory to use.\nNote that if you use raw `Text { ... }` instead, you should NOT alternate between 2 icons that\nare in different `font.family`. Doing that may cause errors(/crashes) and freezes on Qt\nfont engine side.\nE.g. `Text { font.family: FontAwesome.getFamily(test ? \"fa_youtube\" : \"fa_sun\") }` - will\ncause issues because one icon is in \"brands\" and the other is in \"solid\".\n\n```qml\nIconAwesome {\n\t// var, \"fa_\u003cICON_NAME\u003e\"/\"fa_\u003cICON_NAME\u003e_o\", supports `\"\", undefined, null`\n\tname: \"\"\n\t// int, approximate pixel size of icon in pixels (not exactly the font size)\n\tsize: 18\n\t// color, as in `Text { color }`\n\tcolor: \"white\"\n\t// color, as in `Text { styleColor }`\n\tstyleColor: \"#88000000\"\n\t// int, as in `Text { style }`\n\tstyle: Text.Outline\n}\n```\n\n\nType `IconAwesomeHelper` is a full-size page displaying every available icon (including\naliases). It also has a filter to only display the matching icons.\n\n```qml\nIconAwesomeHelper {}\n```\n\n\n## Importing\n\nThe `./FontAwesome` directory should be visible to QML engine for importing.\n\n```qml\nimport FontAwesome\n```\n\n### C++ import path\n\n```cpp\nqmlEngine-\u003eaddImportPath(\"path to qml-fontawesome-raub\");\n```\n\n### Node.js qml-raub\n\n```js\nView.libs(require('qml-fontawesome-raub').absPath);\n```\n\n### Manual\n\nCopy this repo or even specifically the `./FontAwesome` folder to wherever your QML is\nready to grab it. Or use this repo as a submodule if you wish.\n\n\n## Legal notice\n\nThis software uses the [FontAwesome 6 Free](https://fontawesome.com/).\n\nFontAwesome licensing information (a COPY) is given in a [separate file](/FontAwesome/webfonts/LICENSE.txt),\nwhich also can be found in\n[FontAwesome official repo](https://github.com/FortAwesome/Font-Awesome/blob/6.x/LICENSE.txt).\n\n---\n\nThe rest of this package is MIT licensed.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnode-3d%2Fqml-fontawesome-raub","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnode-3d%2Fqml-fontawesome-raub","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnode-3d%2Fqml-fontawesome-raub/lists"}