{"id":19472377,"url":"https://github.com/aboutbits/react-material-icons","last_synced_at":"2025-04-25T12:31:28.015Z","repository":{"id":41184036,"uuid":"300216248","full_name":"aboutbits/react-material-icons","owner":"aboutbits","description":null,"archived":false,"fork":false,"pushed_at":"2025-03-20T10:12:49.000Z","size":24018,"stargazers_count":1,"open_issues_count":2,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-15T06:19:35.723Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/aboutbits.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":"license.md","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":"2020-10-01T09:08:50.000Z","updated_at":"2024-10-04T07:32:03.000Z","dependencies_parsed_at":"2024-03-15T17:29:34.307Z","dependency_job_id":"b14f0cbe-3f77-48fd-b9fa-357a734ac5a4","html_url":"https://github.com/aboutbits/react-material-icons","commit_stats":{"total_commits":128,"total_committers":7,"mean_commits":"18.285714285714285","dds":0.421875,"last_synced_commit":"0874a2414ad8876a3145b745ff54a4e550e6fa0b"},"previous_names":[],"tags_count":23,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aboutbits%2Freact-material-icons","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aboutbits%2Freact-material-icons/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aboutbits%2Freact-material-icons/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aboutbits%2Freact-material-icons/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/aboutbits","download_url":"https://codeload.github.com/aboutbits/react-material-icons/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250817631,"owners_count":21492188,"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":[],"created_at":"2024-11-10T19:14:14.211Z","updated_at":"2025-04-25T12:31:22.988Z","avatar_url":"https://github.com/aboutbits.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"React Material Icons\n====================\n\n[![npm package](https://badge.fury.io/js/%40aboutbits%2Freact-material-icons.svg)](https://badge.fury.io/js/%40aboutbits%2Freact-material-icons)\n[![license](https://img.shields.io/github/license/aboutbits/react-material-icons)](https://github.com/aboutbits/react-material-icons/blob/master/license.md)\n\nThis package includes all [Material Icons](https://material.io/resources/icons/?style=baseline) as reusable React components.\n\n## Table of content\n\n- [Usage](#usage)\n- [Generate Components](#generate-components)\n- [Build \u0026 Publish](#build--publish)\n- [Information](#information)\n\n## Usage\n\nFirst, you have to install the package:\n\n```bash\nnpm install @aboutbits/react-material-icons\n```\n\nSecond, you can use the icons in you React application like this:\n\n```jsx\nimport React from 'react'\nimport IconCached from '@aboutbits/react-material-icons/dist/IconCached'\n\nconst MyCommponent = () =\u003e {\n    return (\n        \u003cIconCached/\u003e\n    );\n}\n``` \n\nSVG related parameters like height and width can be passed as props.\n\nTo import the different variants of an icon you can add the variants as a postfix:\n\n- `Icon10k` \u003e Default filled\n- `Icon10kOutlined` \u003e Outlined\n- `Icon10kRounded` \u003e Rounded\n- `Icon10kSharp` \u003e Sharp\n- `Icon10kTwoTone` \u003e Tow tone\n\n## Generate Components\n\nTo clear the directory with the existing icons before regenerating them:\n\n```bash\nnpm run clear\n```\n\nTo generate the components, simply run the following command:\n\n```bash\nnpm run generate\n```\n\n## Build \u0026 Publish\n\nTo publish the package commit all changes and push them to master. Then run one of the following commands locally:\n\n```bash\nnpm version patch\nnpm version minor\nnpm version major\n```\n\n## Information\n\nAbout Bits is a company based in South Tyrol, Italy. You can find more information about us on [our website](https://aboutbits.it).\n\n### Support\n\nFor support, please contact [info@aboutbits.it](mailto:info@aboutbits.it).\n\n### Credits\n\n- [Simon Planinschek](https://github.com/stplasim)\n- [Alex Lanz](https://github.com/alexlanz)\n- [Martin Malfertheiner](https://github.com/mmalfertheiner)\n- [All Contributors](../../contributors)\n\n### License\n\nThe MIT License (MIT). Please see the [license file](license.md) for more information.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faboutbits%2Freact-material-icons","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faboutbits%2Freact-material-icons","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faboutbits%2Freact-material-icons/lists"}