{"id":3918,"url":"https://github.com/oblador/react-native-vector-icons","last_synced_at":"2026-04-18T11:14:51.182Z","repository":{"id":32112653,"uuid":"35685034","full_name":"oblador/react-native-vector-icons","owner":"oblador","description":"Customizable Icons for React Native with support for image source and full styling.","archived":false,"fork":false,"pushed_at":"2026-03-26T10:41:37.000Z","size":30369,"stargazers_count":17843,"open_issues_count":12,"forks_count":2110,"subscribers_count":195,"default_branch":"master","last_synced_at":"2026-03-26T15:44:24.854Z","etag":null,"topics":["icon","icon-pack","react-native","ui"],"latest_commit_sha":null,"homepage":"https://oblador.github.io/react-native-vector-icons/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":"Rano1/Helix-Jump","license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/oblador.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/funding.yml","license":"LICENSE","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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null},"funding":{"github":["oblador"]}},"created_at":"2015-05-15T16:38:57.000Z","updated_at":"2026-03-26T10:41:41.000Z","dependencies_parsed_at":"2023-02-16T08:15:39.050Z","dependency_job_id":"4c639845-4d26-43f9-83c5-cafad1f5e6ea","html_url":"https://github.com/oblador/react-native-vector-icons","commit_stats":{"total_commits":605,"total_committers":151,"mean_commits":4.006622516556291,"dds":0.3338842975206612,"last_synced_commit":"9152776633a488fec666bfd64205c9930c5425a4"},"previous_names":[],"tags_count":1342,"template":false,"template_full_name":null,"purl":"pkg:github/oblador/react-native-vector-icons","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oblador%2Freact-native-vector-icons","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oblador%2Freact-native-vector-icons/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oblador%2Freact-native-vector-icons/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oblador%2Freact-native-vector-icons/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/oblador","download_url":"https://codeload.github.com/oblador/react-native-vector-icons/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oblador%2Freact-native-vector-icons/sbom","scorecard":{"id":415467,"data":{"date":"2025-08-11","repo":{"name":"github.com/oblador/react-native-vector-icons","commit":"8872c04e38d667a8b427ebd86b0d04abb13d57e5"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":4.2,"checks":[{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Maintained","score":10,"reason":"30 commit(s) and 21 issue activity found in the last 90 days -- score normalized to 10","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"Code-Review","score":5,"reason":"Found 15/30 approved changesets -- score normalized to 5","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Dangerous-Workflow","score":10,"reason":"no dangerous workflow patterns detected","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"License","score":10,"reason":"license file detected","details":["Info: project has a license file: LICENSE:0","Info: FSF or OSI recognized license: MIT License: LICENSE:0"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Token-Permissions","score":0,"reason":"detected GitHub workflow tokens with excessive permissions","details":["Warn: no topLevel permission defined: .github/workflows/deploy.yaml:1","Warn: no topLevel permission defined: .github/workflows/issue-handling.yml:1","Warn: no topLevel permission defined: .github/workflows/lint.yaml:1","Info: topLevel 'contents' permission set to 'read': .github/workflows/tests.yaml:31","Info: topLevel 'actions' permission set to 'read': .github/workflows/tests.yaml:32","Warn: topLevel 'checks' permission set to 'write': .github/workflows/tests.yaml:33","Info: no jobLevel write permissions found"],"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"Branch-Protection","score":-1,"reason":"internal error: error during branchesHandler.setup: internal error: githubv4.Query: Resource not accessible by integration","details":null,"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}},{"name":"Binary-Artifacts","score":9,"reason":"binaries present in source code","details":["Warn: binary detected: packages/icon-explorer/android/gradle/wrapper/gradle-wrapper.jar:1"],"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Pinned-Dependencies","score":0,"reason":"dependency not pinned by hash detected -- score normalized to 0","details":["Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/deploy.yaml:26: update your workflow using https://app.stepsecurity.io/secureworkflow/oblador/react-native-vector-icons/deploy.yaml/master?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/deploy.yaml:32: update your workflow using https://app.stepsecurity.io/secureworkflow/oblador/react-native-vector-icons/deploy.yaml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/deploy.yaml:36: update your workflow using https://app.stepsecurity.io/secureworkflow/oblador/react-native-vector-icons/deploy.yaml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/deploy.yaml:79: update your workflow using https://app.stepsecurity.io/secureworkflow/oblador/react-native-vector-icons/deploy.yaml/master?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/deploy.yaml:83: update your workflow using https://app.stepsecurity.io/secureworkflow/oblador/react-native-vector-icons/deploy.yaml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/deploy.yaml:87: update your workflow using https://app.stepsecurity.io/secureworkflow/oblador/react-native-vector-icons/deploy.yaml/master?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/deploy.yaml:103: update your workflow using https://app.stepsecurity.io/secureworkflow/oblador/react-native-vector-icons/deploy.yaml/master?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/issue-handling.yml:11: update your workflow using https://app.stepsecurity.io/secureworkflow/oblador/react-native-vector-icons/issue-handling.yml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/lint.yaml:15: update your workflow using https://app.stepsecurity.io/secureworkflow/oblador/react-native-vector-icons/lint.yaml/master?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/lint.yaml:17: update your workflow using https://app.stepsecurity.io/secureworkflow/oblador/react-native-vector-icons/lint.yaml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/lint.yaml:20: update your workflow using https://app.stepsecurity.io/secureworkflow/oblador/react-native-vector-icons/lint.yaml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/lint.yaml:35: update your workflow using https://app.stepsecurity.io/secureworkflow/oblador/react-native-vector-icons/lint.yaml/master?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/lint.yaml:37: update your workflow using https://app.stepsecurity.io/secureworkflow/oblador/react-native-vector-icons/lint.yaml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/lint.yaml:40: update your workflow using https://app.stepsecurity.io/secureworkflow/oblador/react-native-vector-icons/lint.yaml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/lint.yaml:55: update your workflow using https://app.stepsecurity.io/secureworkflow/oblador/react-native-vector-icons/lint.yaml/master?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/lint.yaml:57: update your workflow using https://app.stepsecurity.io/secureworkflow/oblador/react-native-vector-icons/lint.yaml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/lint.yaml:60: update your workflow using https://app.stepsecurity.io/secureworkflow/oblador/react-native-vector-icons/lint.yaml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/lint.yaml:76: update your workflow using https://app.stepsecurity.io/secureworkflow/oblador/react-native-vector-icons/lint.yaml/master?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/lint.yaml:78: update your workflow using https://app.stepsecurity.io/secureworkflow/oblador/react-native-vector-icons/lint.yaml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/lint.yaml:81: update your workflow using https://app.stepsecurity.io/secureworkflow/oblador/react-native-vector-icons/lint.yaml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/tests.yaml:181: update your workflow using https://app.stepsecurity.io/secureworkflow/oblador/react-native-vector-icons/tests.yaml/master?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/tests.yaml:183: update your workflow using https://app.stepsecurity.io/secureworkflow/oblador/react-native-vector-icons/tests.yaml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/tests.yaml:190: update your workflow using https://app.stepsecurity.io/secureworkflow/oblador/react-native-vector-icons/tests.yaml/master?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/tests.yaml:196: update your workflow using https://app.stepsecurity.io/secureworkflow/oblador/react-native-vector-icons/tests.yaml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/tests.yaml:199: update your workflow using https://app.stepsecurity.io/secureworkflow/oblador/react-native-vector-icons/tests.yaml/master?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/tests.yaml:227: update your workflow using https://app.stepsecurity.io/secureworkflow/oblador/react-native-vector-icons/tests.yaml/master?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/tests.yaml:262: update your workflow using https://app.stepsecurity.io/secureworkflow/oblador/react-native-vector-icons/tests.yaml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/tests.yaml:47: update your workflow using https://app.stepsecurity.io/secureworkflow/oblador/react-native-vector-icons/tests.yaml/master?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/tests.yaml:49: update your workflow using https://app.stepsecurity.io/secureworkflow/oblador/react-native-vector-icons/tests.yaml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/tests.yaml:57: update your workflow using https://app.stepsecurity.io/secureworkflow/oblador/react-native-vector-icons/tests.yaml/master?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/tests.yaml:63: update your workflow using https://app.stepsecurity.io/secureworkflow/oblador/react-native-vector-icons/tests.yaml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/tests.yaml:66: update your workflow using https://app.stepsecurity.io/secureworkflow/oblador/react-native-vector-icons/tests.yaml/master?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/tests.yaml:72: update your workflow using https://app.stepsecurity.io/secureworkflow/oblador/react-native-vector-icons/tests.yaml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/tests.yaml:84: update your workflow using https://app.stepsecurity.io/secureworkflow/oblador/react-native-vector-icons/tests.yaml/master?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/tests.yaml:101: update your workflow using https://app.stepsecurity.io/secureworkflow/oblador/react-native-vector-icons/tests.yaml/master?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/tests.yaml:135: update your workflow using https://app.stepsecurity.io/secureworkflow/oblador/react-native-vector-icons/tests.yaml/master?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/tests.yaml:164: update your workflow using https://app.stepsecurity.io/secureworkflow/oblador/react-native-vector-icons/tests.yaml/master?enable=pin","Warn: containerImage not pinned by hash: packages/fontcustom-docker/Dockerfile:1: pin your Docker image by updating debian:11-slim to debian:11-slim@sha256:849d9d34d5fe0bf88b5fb3d09eb9684909ac4210488b52f4f7bbe683eedcb851","Info:   0 out of  19 GitHub-owned GitHubAction dependencies pinned","Info:   0 out of  18 third-party GitHubAction dependencies pinned","Info:   0 out of   1 containerImage dependencies pinned"],"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"SAST","score":0,"reason":"SAST tool is not run on all commits -- score normalized to 0","details":["Warn: 0 commits out of 27 are checked with a SAST tool"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}},{"name":"Vulnerabilities","score":0,"reason":"17 existing vulnerabilities detected","details":["Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8","Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw","Warn: Project is vulnerable to: GHSA-fjxv-7rqg-78g4","Warn: Project is vulnerable to: GHSA-pfrx-2q88-qq97","Warn: Project is vulnerable to: GHSA-4www-5p9h-95mh","Warn: Project is vulnerable to: GHSA-9gqv-wp59-fq42","Warn: Project is vulnerable to: GHSA-m5qc-5hw7-8vg7","Warn: Project is vulnerable to: GHSA-rp65-9cf3-cjxr","Warn: Project is vulnerable to: GHSA-76c9-3jph-rj3q","Warn: Project is vulnerable to: GHSA-7fh5-64p2-3v2j","Warn: Project is vulnerable to: GHSA-44c6-4v22-4mhx","Warn: Project is vulnerable to: GHSA-4x5v-gmq8-25ch","Warn: Project is vulnerable to: GHSA-52f5-9888-hmc6","Warn: Project is vulnerable to: GHSA-7p7h-4mm5-852v","Warn: Project is vulnerable to: GHSA-4v9v-hfq4-rm2v","Warn: Project is vulnerable to: GHSA-9jgg-88mc-972h","Warn: Project is vulnerable to: GHSA-p9pc-299p-vxgp"],"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}}]},"last_synced_at":"2025-08-18T23:42:49.210Z","repository_id":32112653,"created_at":"2025-08-18T23:42:49.210Z","updated_at":"2025-08-18T23:42:49.210Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31291201,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-01T13:12:26.723Z","status":"ssl_error","status_checked_at":"2026-04-01T13:12:25.102Z","response_time":53,"last_error":"SSL_read: 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":["icon","icon-pack","react-native","ui"],"created_at":"2024-01-05T20:16:55.299Z","updated_at":"2026-04-12T19:20:34.753Z","avatar_url":"https://github.com/oblador.png","language":"TypeScript","funding_links":["https://github.com/sponsors/oblador"],"categories":["Components","十四、React Native（跨平台开发）","Icons","Index","TypeScript","JavaScript","组件","Others","Uncategorized","Extra steps","Libraries","Dependencies","UI","React Native","React Native Project Showcase","Libs utilizadas","UI Components","reactNative","React Native [🔝](#readme)","Javascript","📦 技术选型"],"sub_categories":["UI","3. 组件与库","Asset Management","Uncategorized","Icon","react-native \u003c 0.60.0","Releases","Icons","核心库"],"readme":"![Vector Icons for React Native](https://cloud.githubusercontent.com/assets/378279/12009887/33f4ae1c-ac8d-11e5-8666-7a87458753ee.png)\n\n[![npm](https://img.shields.io/npm/v/@react-native-vector-icons/common.svg)](https://npmjs.com/package/@react-native-vector-icons/common) [![npm](https://img.shields.io/npm/dm/@react-native-vector-icons/common.svg)](https://npmjs.com/package/@react-native-vector-icons/common)\n\n# React Native Vector Icons\n\nElevate your React Native applications with the power of customizable vector\nicons. Ideal for embellishing buttons, logos, and navigation or tab bars, these\nicons seamlessly integrate into your projects. Their versatility makes\nextension and styling effortless.\n\nFor the integration of `.svg` files natively, you can explore [`react-native-vector-image`](https://github.com/oblador/react-native-vector-image).\n\n\u003e [!TIP]\n\u003e If you are still using the old single package `react-native-vector-icons` visit \u003chttps://github.com/oblador/react-native-vector-icons/tree/10.x\u003e. To migrate to the package-per-icon-set approach, see [MIGRATION.md](MIGRATION.md).\n\n## Table of Contents\n\n- [Sponsorship](#sponsorship)\n- [Available Icon Sets](#available-icon-sets)\n- [Installation](#installation)\n- [Setup](#setup)\n- [Icon Component](#icon-component)\n- [Usage as PNG Image/Source Object](#usage-as-png-imagesource-object)\n- [Multi-Style Fonts](#multi-style-fonts)\n- [Custom Fonts](#custom-fonts)\n- [Animation](#animation)\n- [Dynamic icon font loading](#dynamic-icon-font-loading)\n- [Usage Examples](#usage-examples)\n- [Changelog](https://github.com/react-native-vector-icons/react-native-vector-icons/releases)\n- [License](#license)\n\n## Sponsorship\n\nShould you find this library beneficial, kindly contemplate the option of\n[sponsoring](https://github.com/sponsors/oblador).\n\n## Available Icon Sets\n\n[Explore all icons](https://oblador.github.io/react-native-vector-icons/).\n\nRNVI comes with the following supported icons. You can [search NPM](https://www.npmjs.com/search?q=keywords%3Areact-native-vector-icons-icon) for third party icons.\n\n### Actively maintained\n\n- [`AntDesign`](https://ant.design/components/icon) from Ant Group (v4.4.2 with _449_ icons)\n- [`Feather`](http://feathericons.com) created by Cole Bemis \u0026 Contributors (v4.29.2 featuring _287_ icons)\n- [`FontAwesome`](https://fontawesome.com/search) designed by Fonticons, Inc. (v7.2.0 featuring _2,806_ free and _75,767_ pro icons)\n- [`Foundation`](http://zurb.com/playground/foundation-icon-fonts-3) by ZURB, Inc. (v3.0 with _283_ icons)\n- [`Ionicons`](https://ionic.io/ionicons) crafted by Ionic (v8.0.9 containing _1,357_ icons)\n- [`MaterialDesignIcons`](https://pictogrammers.com/library/mdi/) from MaterialDesignIcons.com (v7.4.47 including _7448_ icons)\n- [`Octicons`](https://primer.style/foundations/icons) designed by GitHub, Inc. (v19.23.1 with _370_ icons)\n- [`Lucide`](https://lucide.dev/) designed by Lucide, (v1.7.0 with _1,941_ icons)\n\n### No longer maintained upstream\n\n- [`Entypo`](http://entypo.com) by Daniel Bruce (v1.0.1 with _411_ icons)\n- [`EvilIcons`](http://evil-icons.io) designed by Alexander Madyankin \u0026 Roman Shamin (v1.10.1 with _70_ icons)\n- [`FontAwesome 4`](https://fontawesome.com/v4/icons) by Fonticons, Inc. (v4.7.0 containing _785_ icons)\n- [`FontAwesome 5`](https://fontawesome.com/v5/search) from Fonticons, Inc. (v5.15.4 offering _1611_ free and _7869_ pro icons)\n- [`FontAwesome 6`](https://fontawesome.com/search) designed by Fonticons, Inc. (v6.7.2 featuring _2060_ free and _52663_ pro icons)\n- [`Fontisto`](https://github.com/kenangundogan/fontisto) created by Kenan Gündoğan (v3.0.4 featuring _617_ icons)\n- [`MaterialIcons`](https://fonts.google.com/icons?icon.set=Material+Icons) by Google, Inc. (v4.0.0 featuring _2234_ icons)\n- [`SimpleLineIcons`](https://simplelineicons.github.io/) crafted by Sabbir \u0026 Contributors (v2.5.5 with _189_ icons)\n- [`Zocial`](https://smcllns.github.io/css-social-buttons) by Sam Collins (v1.1.1 with _100_ icons)\n\n## Migration\n\nSee [MIGRATION.md](MIGRATION.md) if you are migrating from `react-native-vector-icons` to the package-per-icon-set approach or between major versions.\n\n## Installation\n\n1. Install the packages for the icons you want to use\n\n```sh\nnpm install @react-native-vector-icons/fontawesome-free-solid @react-native-vector-icons/evil-icons\n```\n\n2. Depending on the platform you're targeting (iOS/Android/Windows), follow the appropriate setup instructions below.\n3. If you are using one of the following fonts, refer to their guides for further instructions\n\n- [Fontello](packages/fontello/README.md)\n- [Icomoon](packages/icomoon/README.md)\n\n## Setup\n\nRefer to the guide for [Expo](./docs/SETUP-EXPO.md), [React Native](./docs/SETUP-REACT-NATIVE.md) or [Web](./docs/SETUP-WEB.md) for further instructions.\n\n### Font location customisation\n\nFor fonts like the FontAwesome Pro as well as Fontello and Icomoon where you provide the fonts, the default location for the font files is `rnvi-fonts` in the same directory as your package.json. This can be customized by setting the `fontDir` property in your `package.json` file.\n\n```json\n{\n  \"reactNativeVectorIcons\": {\n    \"fontDir\": \"src/rnvi-fonts\"\n  }\n}\n```\n\n## `Icon` Component\n\nYou can either use one of the bundled icons above or roll your own custom font.\n\n```js\nimport { FontAwesomeFreeSolid } from \"@react-native-vector-icons/fontawesome-free-solid\";\n// or use the static version to embed the font at build time instead of loading it at runtime\nimport { FontAwesomeFreeSolid } from \"@react-native-vector-icons/fontawesome-free-solid/static\";\n\n\u003cFontAwesomeFreeSolid name=\"rocket\" size={30} color=\"#900\" /\u003e;\n```\n\n### Props\n\nAny [Text props](https://reactnative.dev/docs/text.html#props) and the following:\n\n| Prop        | Description                                                             | Default     |\n| ----------- | ----------------------------------------------------------------------- | ----------- |\n| **`size`**  | Size of the icon, can also be passed as `fontSize` in the style object. | `12`        |\n| **`name`**  | What icon to show, see Icon Explorer app or one of the links above.     | _None_      |\n| **`color`** | Color of the icon.                                                      | _Inherited_ |\n\n### Styling\n\nSince `Icon` builds on top of the `Text` component, most [style properties](https://reactnative.dev/docs/style.html) will work as expected, you might find it useful to play around with these:\n\n- `backgroundColor`\n- `borderWidth`\n- `borderColor`\n- `borderRadius`\n- `padding`\n- `margin`\n- `color`\n- `fontSize`\n\nBy combining some of these you can create for example :\n\n![type](https://cloud.githubusercontent.com/assets/378279/7667570/33817554-fc0d-11e4-9ad7-4eb60139cfb7.png)\n![star](https://cloud.githubusercontent.com/assets/378279/7667569/3010dd7e-fc0d-11e4-9696-cb721fe8e98d.png)\n\n## Usage as PNG Image/Source Object\n\nConvenient way to plug this in into other components that rely on bitmap images rather than scalable vector icons.\n\nYou need to use Expo (with `expo-font` installed) _or_ install `@react-native-vector-icons/get-image` to use this feature.\n\nBoth methods return an `ImageResult` object (`{ uri, width, height, scale }`) that can be passed directly as an `Image` source.\n\n```jsx\nconst source = Icon.getImageSourceSync('user', 20, 'red');\n// or with an options object:\nconst source = Icon.getImageSourceSync('user', { size: 20, color: 'red', lineHeight: 28 });\n\nreturn \u003cImage source={source} /\u003e;\n```\n\nAlternatively you may use the async method `Icon.getImageSource`.\n\n```jsx\nconst source = await Icon.getImageSource('user', 20, 'red');\n// or with an options object:\nconst source = await Icon.getImageSource('user', { size: 20, color: 'red' });\n```\n\nKeep in mind that `Icon.getImageSourceSync` is blocking and might incur performance penalties. Subsequent calls will use cache, however.\n\n### Static methods\n\nAll static methods from `Icon` are supported by multi-styled fonts.\n\n| Method                   | Description                                                                                                                                                                               |\n| ------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| **`getImageSource`**     | Returns a promise resolving to an `ImageResult` of a bitmap version of the icon. Usage: `const source = await Icon.getImageSource(name, { size, color, lineHeight })` |\n| **`getImageSourceSync`** | Same as `getImageSource` but synchronous. Usage: `const source = Icon.getImageSourceSync(name, { size, color, lineHeight })`                                                              |\n\n## Custom Fonts\n\nThe best approach is to use our icon generator to create your own icon package.\n\nSee [CREATE_FONT_PACKAGE.md](./docs/CREATE_FONT_PACKAGE.md) to learn how to create your own font packages.\n\nYou can also use `createIconSet()` directly in your project. This\nreturns your own custom font based on the `glyphMap` where the key is the icon\nname and the value is either a UTF-8 character or its character code.\n`postScriptName` is the name of the postscript font. Open the font in \u003chttps://fontdrop.info/\u003e,\nFont Book.app or similar to learn the name. Also pass the `fontFileName` argument for Android support.\n\n```js\nimport { createIconSet } from \"@react-native-vector-icons/common\";\nconst glyphMap = { \"icon-name\": 1234, test: \"∆\" };\n\n// use createIconSet() with object parameter\n// or use positional parameters for compatibility with version \u003c= 10: `createIconSet(glyphMap, fontFamily[, fontFile])`\nconst Icon = createIconSet(glyphMap, {\n  postScriptName: \"FontName\",\n  fontFileName: \"font-name.ttf\",\n  fontSource: require(\"../fonts/font-name.ttf\"), // optional, for dynamic loading. Can also be a local file uri.\n});\n```\n\nIf you aren't using dynamic font loading you need to make sure your font is copied into your bundle.\n\n## Animation\n\nReact Native comes with an amazing animation library called\n[`Animated`](https://reactnative.dev/docs/animated.html). To use it with an\nicon, simply create an animated component with this line: `const AnimatedIcon =\nAnimated.createAnimatedComponent(Icon)`. You can also use the higher level\nanimation library\n[react-native-animatable](https://github.com/oblador/react-native-animatable).\n\n## Dynamic icon font loading\n\nTL;DR we recommend you use the `/static` import if you use [Development builds](https://docs.expo.dev/develop/development-builds/introduction/) and the root import when using [Expo Go](https://docs.expo.dev/develop/development-builds/introduction/#difference-between-expo-go-and-development-builds).\n\nIcon fonts can be made available statically at build time or loaded dynamically at runtime. The root (non-`/static`) import uses dynamic loading. If you don't need dynamic loading, use the `/static` imports (e.g. `\"@react-native-vector-icons/ionicons/static\"`).\n\nSee the [Expo setup guide](./docs/SETUP-EXPO.md) for more details, config plugins, and the dynamic loading API.\n\n## Usage Examples\n\n### Icon Explorer\n\nTry the `IconExplorer` project in `Examples/IconExplorer` folder, there you can also search for any icon.\n\n![Screenshot of IconExplorer](https://cloud.githubusercontent.com/assets/378279/8903470/a9fe6b46-3458-11e5-901f-98b7b676d0d3.png)\n\n### Basic Example\n\n```js\nimport { IonIcons } from \"@react-native-vector-icons/ionicons/static\";\n\nconst ExampleView = () =\u003e (\n  \u003cIonIcons name=\"ios-person\" size={30} color=\"#4F8EF7\" /\u003e\n);\n```\n\n### Inline Icons\n\n```js\nimport { Text } from \"react-native\";\nimport { IonIcons } from \"@react-native-vector-icons/ionicons/static\";\n\nconst ExampleView = (props) =\u003e (\n  \u003cText\u003e\n    Lorem \u003cIonIcons name=\"ios-book\" color=\"#4F8EF7\" /\u003e Ipsum\n  \u003c/Text\u003e\n);\n```\n\n## Testing\n\nWhen running tests with `jest` you will need to mock out the native code loading to prevent errors.\n\nIn `jest.config.js` add\n\n```js\n// Mock out font loading\nmoduleNameMapper: {\n  '\\\\.(ttf)$': '\u003crootDir\u003e/__mocks__/file-mock.js',\n}\n```\n\nCreate `__mocks__/file-mock.js`:\n\n```js\nmodule.exports = {};\n```\n\nCreate `__mocks__/@react-native-vector-icons/common.js`:\n\n```js\n// Mock the entire common library so there are no native module loading errors\nmodule.exports = {\n  createIconSet: () =\u003e \"icon\",\n};\n```\n\n## [Changelog](https://github.com/oblador/react-native-vector-icons/releases)\n\n## License\n\nThis project is licenced under the [MIT License](http://opensource.org/licenses/mit-license.html).\n\nAny bundled fonts are copyright to their respective authors and mostly under MIT or [SIL OFL](http://scripts.sil.org/OFL).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foblador%2Freact-native-vector-icons","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Foblador%2Freact-native-vector-icons","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foblador%2Freact-native-vector-icons/lists"}