npmpackage.info

react-native-heroicons

React Native components for heroicons

4.0.0

136

MIT

TypeScript

801,938 1.7

Installations

npm install react-native-heroicons

Pull Requests

Open

1

Total

8

Closed

5

Merged

2

Issues

Open

0

Total

11

Closed

11

Releases

Release 4.0.0

v4.0.0

Published on 01 Jan 2024

Release 3.2.1

v3.2.1

Published on 22 Dec 2023

Release 3.2.1-beta.0

v3.2.1-beta.0

Published on 10 Jan 2023

Release 3.2.0

v3.2.0

Published on 13 Sept 2022

Release 3.1.0

v3.1.0

Published on 11 Sept 2022

Release 3.0.0

v3.0.0

Published on 24 Aug 2022

View all 7 releases

Contributors

View all 2 contributors

Developer

ecklf

Developer Guide

BETA

Module System

Unable to determine the module system for this package.

Min. Node Version

Typescript Support

No

Node Version

18.18.2

NPM Version

9.8.1 Statistics

136 Stars

51 Commits

14 Forks

2 Watching

2 Branches

2 Contributors

Updated on 26 Oct 2024

Languages

TypeScript (87.52%)

JavaScript (11.93%)

Shell (0.55%)

Total Downloads

Cumulative downloads

Total Downloads

801,938

Last day

-14%

1,728

Compared to previous day

Last week

-12.9%

10,127

Compared to previous week

Last month

16.7%

46,104

Compared to previous month

Last year

43.7%

399,946

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Peer Dependencies

react react-native-svg

Dev Dependencies

@svgr/babel-preset @svgr/core @svgr/plugin-jsx @svgr/plugin-prettier @svgr/plugin-svgo @types/node @types/react @types/react-native camelcase esbuild junk react react-native-svg release-it rimraf tiny-glob ts-node typescript

Versions

React Native Heroicons

Heroicons are designed by Steve Schoger and published by Tailwind Labs.

A full directory of all available icons can be found here:

https://heroicons.com/

Installation

react-native-heroicons requires react-native-svg v9 or higher

yarn

1yarn add react-native-heroicons react-native-svg

npm

1npm i react-native-heroicons react-native-svg

Usage

Specific icons:

1import React from "react";
2import { View } from "react-native";
3import { SparklesIcon as SparklesIconMicro } from "react-native-heroicons/micro";
4// Old solid style from heroicons v1
5import { SparklesIcon as SparklesIconMini } from "react-native-heroicons/mini";
6import { SparklesIcon } from "react-native-heroicons/solid";
7import { SparklesIcon as SparklesIconOutline } from "react-native-heroicons/outline";
8
9const App = () => {
10  return (
11    <View>
12      <SparklesIconMicro />
13      <SparklesIconMini />
14      <SparklesIcon />
15      <SparklesIconOutline />
16    </View>
17  );
18};
19
20export default App;

Entire icon pack:

1import React from "react";
2import * as Icons from "react-native-heroicons/solid";
3
4const App = () => {
5  return <Icons.SparklesIcon />;
6};
7
8export default App;

Customization

Icons can be adjusted with the size prop.

Defaults are 16 for micro, 20 for mini and 24 for solid/outline):

1import { SparklesIcon as SparklesIconOutline } from "react-native-heroicons/outline";
2// ...
3<SparklesIconOutline color="red" fill="black" size={42} />;

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

0

Maintained

Determines if the project is "actively maintained".

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Fuzzing

Determines if the project uses fuzzing.

0

Security-Policy

Determines if the project has published a security policy.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

1.7

/10

Last Scanned on 2024-11-25

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

Other packages similar to react-native-heroicons

@heroicons/react

2.2.0

<p align="center"> <a href="https://heroicons.com" target="_blank"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/tailwindlabs/heroicons/HEAD/.github/logo-dark.svg"> <source media="(pref

heroicons

2.2.0

@heroicons/vue

2.2.0

@iconify-json/heroicons

1.2.1

HeroIcons icon set in Iconify JSON format