{"id":19139621,"url":"https://github.com/artcoholic/akar-icons-app","last_synced_at":"2025-06-16T13:09:59.535Z","repository":{"id":40488993,"uuid":"394415842","full_name":"artcoholic/akar-icons-app","owner":"artcoholic","description":"The homepage repo for Akar Icons. A perfectly rounded icon library made for designers, developers, and pretty much everyone.","archived":false,"fork":false,"pushed_at":"2024-03-21T22:32:53.000Z","size":13846,"stargazers_count":104,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-18T22:06:37.024Z","etag":null,"topics":["icon-library","icon-pack","icons","react","svg"],"latest_commit_sha":null,"homepage":"https://akaricons.com","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/artcoholic.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"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-08-09T19:33:13.000Z","updated_at":"2025-04-24T13:25:15.000Z","dependencies_parsed_at":"2024-03-21T23:43:22.025Z","dependency_job_id":null,"html_url":"https://github.com/artcoholic/akar-icons-app","commit_stats":{"total_commits":76,"total_committers":1,"mean_commits":76.0,"dds":0.0,"last_synced_commit":"d075ed49e782073e642883f12e2c499c702991c5"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/artcoholic/akar-icons-app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/artcoholic%2Fakar-icons-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/artcoholic%2Fakar-icons-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/artcoholic%2Fakar-icons-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/artcoholic%2Fakar-icons-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/artcoholic","download_url":"https://codeload.github.com/artcoholic/akar-icons-app/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/artcoholic%2Fakar-icons-app/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260166294,"owners_count":22968632,"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":["icon-library","icon-pack","icons","react","svg"],"created_at":"2024-11-09T07:14:17.264Z","updated_at":"2025-06-16T13:09:59.512Z","avatar_url":"https://github.com/artcoholic.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Akar Icons\nAkar is a perfectly rounded icon library made for designers, developers, and pretty much everyone. Use this library to bring life into your user interface and experience. Free to use for your personal and commercial projects. Start creating! Explore all of our icons at [akaricons.com](https://akaricons.com).\n\n\u003ca href=\"https://akaricons.com\" target=\"_blank\"\u003e\n  \u003cimg alt=\"akar icons\" src=\"https://repository-images.githubusercontent.com/306119910/c3a57000-2be0-11eb-88a2-2714f9bafcd4\"\u003e\n\u003c/a\u003e\n\n## Usage\nThere are currently 2 ways of implementing Akar Icons library to your website. The simplest one is through the [Icon Fonts](https://github.com/artcoholic/akar-icons-fonts) library just like Font Awesome and the other one is the [React](https://github.com/artcoholic/akar-icons) component package. \n\n### 1. Icon Fonts\nThis method is the simplest to use because you only need to add the script to the document `\u003chead\u003e`, and reference the icons with an `\u003ci/\u003e` tag along with the appropriate class. Icon fonts are HTML/CSS under the hood so you can style and manipulate it just like any other HTML element.\n\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml\u003e\n  \u003chead\u003e\n    \u003cscript src=\"https://unpkg.com/akar-icons-fonts\"\u003e\u003c/script\u003e\n  \u003c/head\u003e\n  \u003cbody\u003e\n    \u003c!-- EXAMPLE ICONS --\u003e\n    \u003ci class=\"ai-cross\"\u003e\u003c/i\u003e\n    \u003ci class=\"ai-circle\"\u003e\u003c/i\u003e\n    \u003ci class=\"ai-heart\"\u003e\u003c/i\u003e\n  \u003c/body\u003e\n\u003c/html\u003e\n```\n\nCheck out the full documentation at [akar-icons-fonts](https://github.com/artcoholic/akar-icons-fonts) repo page.\n\n### 2. React Components\nThe React icon component library can be installed through npm. All icons can be configured with inline props with `color`, `size`, and `strokeWidth` including inline `style` objects.\n\n```jsx\nimport { ArrowRight, Star, LinkOut } from 'akar-icons';\n\nconst MyComponent = () =\u003e {\n  return (\n    \u003cdiv\u003e\n      \u003cArrowRight /\u003e\n      \u003cStar color=\"yellow\" size={32} strokeWidth={3} style={{ display: \"block\" }}/\u003e\n      \u003cLinkOut /\u003e\n    \u003c/div\u003e\n  );\n};\n\nexport default MyComponent;\n```\n\nCheck out the full documentation at [akar-icons](https://github.com/artcoholic/akar-icons) repo page.\n\n## Related Projects\n* [akar-icons](https://github.com/artcoholic/akar-icons) - Akar icons as React components.\n* [akar-icons-fonts](https://github.com/artcoholic/akar-icons-fonts) - Akar icons as icon fonts.\n* [akar-icons-web-components](https://github.com/awmleer/akar-icons-web-components) - Akar icons as web components, fully customizable and use anywhere.\n* [akar-icons-svelte](https://github.com/WilliamVenner/akar-icons-svelte) - Akar icons as Svelte components.\n* [blade-akar-icons](https://github.com/codeat3/blade-akar-icons) - A package to easily make use of Akar Icons in your Laravel Blade views.\n* [akar_icons_flutter](https://github.com/alann-maulana/akar_icons_flutter) - Akar icons package for Flutter.\n\n## Author\nArturo Wibawa ([@agwibawa](https://twitter.com/agwibawa))\n\n## License\n[MIT License](./LICENSE), Copyright © 2020-present Arturo Wibawa.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fartcoholic%2Fakar-icons-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fartcoholic%2Fakar-icons-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fartcoholic%2Fakar-icons-app/lists"}