With React-Icomoon you can easily use the icons you have selected or created in icomoon.

Overview

React-IcoMoon

npm npm size License

React-Icomoon Logo

📦 Zero Dependencies

With React-Icomoon you can easily use the icons you have selected or created in icomoon.

Demo

Install

npm install react-icomoon

Usage

You can use the icons you selected on IcoMoon by downloading the selection.json file.

https://icomoon.io/app/

Declare

// icon.js
import React from "react";
import IcoMoon from "react-icomoon";
const iconSet = require("./selection.json");

const Icon = ({ ...props }) => {
  return <IcoMoon iconSet={iconSet} {...props} />;
};

export default Icon;

Use

import Icon from "./icon";

<Icon icon="pencil" size={20} color="orange" />;

Props List

Name Type Default Sample
iconSet Object undefined "selection.json file content"
icon String undefined "home"
size Number,String undefined "1em", 10, "100px"
color String undefined "red", "#f00", "rgb(0,0,0)"
style Object {...} { color: '#ff0'}
className String undefined "icomoon"
disableFill Boolean undefined true
removeInlineStyle Boolean undefined true

Default Style

{
  display: "inline-block",
  stroke: "currentColor",
  fill: "currentColor",
}

iconList

You can use the iconList method to see a complete list of icons you can use.

import IcoMoon, { iconList } from "react-icomoon";

iconList(iconSet);

// sample output
[
  "document",
  "camera",
  "genius",
  "chat",
  "heart1",
  "alarmclock",
  "star-full",
  "heart",
  "play3",
  "pause2",
  "bin1",
];

React Native 🎉 Demo

Step 1: Install Dependencies

npm install react-icomoon react-native-svg

Step 2: Declare

// icon.js
import React from "react";
import IcoMoon from "react-icomoon";
import { Svg, Path } from "react-native-svg";
const iconSet = require("./selection.json");

const Icon = ({ ...props }) => {
  return (
    <IcoMoon
      native
      iconSet={iconSet}
      SvgComponent={Svg}
      PathComponent={Path}
      {...props}
    />
  );
};

export default Icon;

Step 3: Usage

import Icon from "./icon";

<Icon icon="pencil" size={20} color="orange" />;
Comments
  • Uncaught TypeError: Cannot read properties of undefined (reading '0')

    Uncaught TypeError: Cannot read properties of undefined (reading '0')

    Hi, I downloaded my selection.json and inserted it correctly in path, there is a "pencil" named icon in it. So I used <Icon icon="pencil" size={20} color="orange" /> and got this:

    index.tsx:82 Uncaught TypeError: Cannot read properties of undefined (reading '0')
        at index.tsx:82:1
        at Array.map (<anonymous>)
        at IcoMoon (index.tsx:81:1)
        at renderWithHooks (react-dom.development.js:14985:1)
        at mountIndeterminateComponent (react-dom.development.js:17811:1)
        at beginWork (react-dom.development.js:19049:1)
        at HTMLUnknownElement.callCallback (react-dom.development.js:3945:1)
        at Object.invokeGuardedCallbackDev (react-dom.development.js:3994:1)
        at invokeGuardedCallback (react-dom.development.js:4056:1)
        at beginWork$1 (react-dom.development.js:23964:1)
        at performUnitOfWork (react-dom.development.js:22776:1)
        at workLoopSync (react-dom.development.js:22707:1)
        at renderRootSync (react-dom.development.js:22670:1)
        at performSyncWorkOnRoot (react-dom.development.js:22293:1)
        at react-dom.development.js:11327:1
        at unstable_runWithPriority (scheduler.development.js:468:1)
        at runWithPriority$1 (react-dom.development.js:11276:1)
        at flushSyncCallbackQueueImpl (react-dom.development.js:11322:1)
        at workLoop (scheduler.development.js:417:1)
        at flushWork (scheduler.development.js:390:1)
    
    the above error occurred in the <IcoMoon> component:
    
        at IcoMoon (http://localhost:3000/static/js/2.chunk.js:16958:20)
        at Icon
        at form
        at ReactFinalForm (http://localhost:3000/static/js/3.chunk.js:1727:20)
        at div
        at http://localhost:3000/static/js/vendors~main.chunk.js:324789:73
        at Paper (http://localhost:3000/static/js/vendors~main.chunk.js:364808:86)
        at http://localhost:3000/static/js/vendors~main.chunk.js:324789:73
        at Card (http://localhost:3000/static/js/vendors~main.chunk.js:345325:86)
        at div
        at http://localhost:3000/static/js/vendors~main.chunk.js:324789:73
        at Grid (http://localhost:3000/static/js/vendors~main.chunk.js:353724:91)
        at div
        at http://localhost:3000/static/js/vendors~main.chunk.js:324789:73
        at Grid (http://localhost:3000/static/js/vendors~main.chunk.js:353724:91)
        at div
        at http://localhost:3000/static/js/vendors~main.chunk.js:324789:73
        at Container (http://localhost:3000/static/js/vendors~main.chunk.js:348606:86)
        at Datatable (http://localhost:3000/static/js/50.chunk.js:423:90)
        at Admin (http://localhost:3000/static/js/50.chunk.js:1787:52)
        at Suspense
        at B (http://localhost:3000/static/js/vendors~main.chunk.js:556649:10)
        at BaseLayout (http://localhost:3000/static/js/main.chunk.js:6268:5)
        at LocalizationProvider (http://localhost:3000/static/js/vendors~main.chunk.js:337110:5)
        at InnerThemeProvider (http://localhost:3000/static/js/vendors~main.chunk.js:397702:74)
        at ThemeProvider (http://localhost:3000/static/js/vendors~main.chunk.js:392324:5)
        at ThemeProvider (http://localhost:3000/static/js/vendors~main.chunk.js:397722:5)
        at StylesProvider (http://localhost:3000/static/js/vendors~main.chunk.js:394935:5)
        at ThemeProviderWrapper (http://localhost:3000/static/js/main.chunk.js:11166:92)
        at App (http://localhost:3000/static/js/main.chunk.js:124:85)
        at x (http://localhost:3000/static/js/vendors~main.chunk.js:556667:13)
        at w (http://localhost:3000/static/js/vendors~main.chunk.js:555238:13)
        at SidebarProvider (http://localhost:3000/static/js/main.chunk.js:1098:5)
        at r (http://localhost:3000/static/js/vendors~main.chunk.js:552458:19)
    

    "react": "17.0.2", "react-scripts": "4.0.3"

    bug 
    opened by Simoneth 5
  • typescript support ☑

    typescript support ☑

    changed project to typescript and did my best to type the selection JSON file from icomoon.io, I quite did the similar approach in my existing project when this package still doesn't support typescript.

    opened by davidkhierl 5
  • Add types for typescript

    Add types for typescript

    It's always nice to have type information and it would be great to have type information for this awesome package.

    I'm thinking to create @types/react-icomoon or maybe even better to just re-write this project (well, single js file) to TypeScript. Then users will know props just from autocompletion for example.

    What do you think?

    enhancement 
    opened by iezepov 5
  • Export IconProps interface

    Export IconProps interface

    Typescript will complain if I want to introduce a default icon size, for example, because I can't point to the correct IconProps.

    export const Icon: typeof IconComponent = ({ size, ...rest }: IconProps) => (
      <IcoMoon iconSet={IconSet} size={size || 14} {...rest} />
    );
    

    or

    export const Icon: typeof IconComponent = (props: IconProps) => <IcoMoon iconSet={IconSet} {...props} size={props.size || 14} />;
    
    opened by hristo-enev 4
  • RNWeb: The style props works only with Inline style

    RNWeb: The style props works only with Inline style

    In RNWeb, The style property works only as an inline style. It didn't work if it's passed as an object from StyleSheet.create({})

    Here is an expo link, switch to web tab and see the issue. working fine in iOS & Android

    https://snack.expo.dev/@heykarthick/react-icomoon

    import * as React from 'react';
    import { View, StyleSheet } from 'react-native';
    
    import Icon from './components/Icon';
    const styles = StyleSheet.create({
      iconStyle: {
        color: 'red',
        margin: 20,
      },
    });
    export default function App() {
      return (
        <View>
          <Icon icon="pencil" size={100} style={styles.iconStyle} /> {/* didn't work */}
          <Icon icon="pencil" size={100} style={{ color: 'red', margin: 20 }} /> {/*Works*/}
        </View>
      );
    }
    
    bug help wanted 
    opened by karthick-t2s 3
  • Fix static height value of viewBox

    Fix static height value of viewBox

    https://github.com/aykutkardas/react-icomoon/blob/master/src/index.tsx#L66

    Current:

     props.viewBox = `0 0 ${width} 1024`;
    

    Expected:

     props.viewBox = `0 0 ${width} ${width}`;
    
    good first issue 
    opened by aykutkardas 3
  • Bump terser from 5.10.0 to 5.14.2 in /example

    Bump terser from 5.10.0 to 5.14.2 in /example

    ⚠️ Dependabot is rebasing this PR ⚠️

    Rebasing might not happen immediately, so don't worry if this takes some time.

    Note: if you make any changes to this PR yourself, they will take precedence over the rebase.


    Bumps terser from 5.10.0 to 5.14.2.

    Changelog

    Sourced from terser's changelog.

    v5.14.2

    • Security fix for RegExps that should not be evaluated (regexp DDOS)
    • Source maps improvements (#1211)
    • Performance improvements in long property access evaluation (#1213)

    v5.14.1

    • keep_numbers option added to TypeScript defs (#1208)
    • Fixed parsing of nested template strings (#1204)

    v5.14.0

    • Switched to @​jridgewell/source-map for sourcemap generation (#1190, #1181)
    • Fixed source maps with non-terminated segments (#1106)
    • Enabled typescript types to be imported from the package (#1194)
    • Extra DOM props have been added (#1191)
    • Delete the AST while generating code, as a means to save RAM

    v5.13.1

    • Removed self-assignments (varname=varname) (closes #1081)
    • Separated inlining code (for inlining things into references, or removing IIFEs)
    • Allow multiple identifiers with the same name in var destructuring (eg var { a, a } = x) (#1176)

    v5.13.0

    • All calls to eval() were removed (#1171, #1184)
    • source-map was updated to 0.8.0-beta.0 (#1164)
    • NavigatorUAData was added to domprops to avoid property mangling (#1166)

    v5.12.1

    • Fixed an issue with function definitions inside blocks (#1155)
    • Fixed parens of new in some situations (closes #1159)

    v5.12.0

    • TERSER_DEBUG_DIR environment variable
    • @​copyright comments are now preserved with the comments="some" option (#1153)

    v5.11.0

    • Unicode code point escapes (\u{abcde}) are not emitted inside RegExp literals anymore (#1147)
    • acorn is now a regular dependency
    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 2
  • Bump ejs from 3.1.6 to 3.1.8 in /example

    Bump ejs from 3.1.6 to 3.1.8 in /example

    Bumps ejs from 3.1.6 to 3.1.8.

    Release notes

    Sourced from ejs's releases.

    v3.1.8

    Version 3.1.8

    v3.1.7

    Version 3.1.7

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 2
  • Bump node-forge from 1.2.1 to 1.3.1 in /example

    Bump node-forge from 1.2.1 to 1.3.1 in /example

    Bumps node-forge from 1.2.1 to 1.3.1.

    Changelog

    Sourced from node-forge's changelog.

    1.3.1 - 2022-03-29

    Fixes

    • RFC 3447 and RFC 8017 allow for optional DigestAlgorithm NULL parameters for sha* algorithms and require NULL paramters for md2 and md5 algorithms.

    1.3.0 - 2022-03-17

    Security

    • Three RSA PKCS#1 v1.5 signature verification issues were reported by Moosa Yahyazadeh ([email protected]).
    • HIGH: Leniency in checking digestAlgorithm structure can lead to signature forgery.
    • HIGH: Failing to check tailing garbage bytes can lead to signature forgery.
    • MEDIUM: Leniency in checking type octet.
      • DigestInfo is not properly checked for proper ASN.1 structure. This can lead to successful verification with signatures that contain invalid structures but a valid digest.
      • CVE ID: CVE-2022-24773
      • GHSA ID: GHSA-2r2c-g63r-vccr

    Fixed

    • [asn1] Add fallback to pretty print invalid UTF8 data.
    • [asn1] fromDer is now more strict and will default to ensuring all input bytes are parsed or throw an error. A new option parseAllBytes can disable this behavior.
      • NOTE: The previous behavior is being changed since it can lead to security issues with crafted inputs. It is possible that code doing custom DER parsing may need to adapt to this new behavior and optional flag.
    • [rsa] Add and use a validator to check for proper structure of parsed ASN.1

    ... (truncated)

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 2
  • Bump minimist from 1.2.5 to 1.2.6

    Bump minimist from 1.2.5 to 1.2.6

    Bumps minimist from 1.2.5 to 1.2.6.

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 2
  • Bump minimist from 1.2.5 to 1.2.6 in /example

    Bump minimist from 1.2.5 to 1.2.6 in /example

    Bumps minimist from 1.2.5 to 1.2.6.

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 2
Releases(v2.5.0)
  • v2.5.0(Apr 2, 2022)

    Change Log

    Remove IconComponent type Add IconProps type

    Before:

    import IcoMoon, { IconComponent } from "react-icomoon";
    
    const Icon: typeof IconComponent = (props) => (
      <IcoMoon iconSet={iconSet} {...props} />
    );
    

    Now:

    import IcoMoon, { IconProps } from "react-icomoon";
    
    const Icon = (props: IconProps) => <IcoMoon iconSet={iconSet} {...props} />;
    
    Source code(tar.gz)
    Source code(zip)
  • v2.4.1(Aug 15, 2021)

  • v2.3.0(May 22, 2021)

  • v2.1.4(Aug 22, 2020)

    • Readme and .npmignore file update. 01a8391
    • yarn.lock file update. dcb44e2
    • Merge pull request #11 from aykutkardas/dependabot/npm_and_yarn/lodash-4.17.19 fe3d656
    • Bump lodash from 4.17.15 to 4.17.19 266cd44
    • 2.1.3 139ebcb
    • .npmignore file update. 4cd9612
    • 2.1.2 5bb1219
    • README update for iconList. 9a1465c
    • 2.1.1 68539ec
    • iconList bugfix. d8cc4ae
    • 2.1.0 61dd98a
    • iconList feature added. d9a9db4

    https://github.com/aykutkardas/React-IcoMoon/compare/v2.0.6...v2.1.4

    Source code(tar.gz)
    Source code(zip)
Owner
Aykut Kardaş
I'm JavaScript Developer.
Aykut Kardaş
react native Picker component for both Android and iOS based on pure JavaScript [for the old realize, you can use the version 0.0.8]

The React-Native-Picker react native Picker component for both Android and iOS based on pure JavaScript. Main For the iOS, using PickerIOS as the basi

X  Fruit Team 78 Aug 3, 2021
null 133 Sep 20, 2022
📱⚛ 🔄 The Image360Viewer has support for React Native CLI and Expo. This library allows the user to explore and have the freedom to view all product details in 360 degrees.

?? About ?? Getting started ?? Usage ?? Properties ?? Demo ?? Contributing ?? License About People want to see all the details of a product before the

Rodrigo Gonçalves S. 121 Sep 20, 2022
Quick and easy icons in React Native

WARNING: This library is discontinued, I highly recommend using https://github.com/oblador/react-native-vector-icons There's far bigger problems to so

Cory Smith 1.2k Apr 8, 2022
Customizable Icons for React Native with support for image source and full styling.

Perfect for buttons, logos and nav/tab bars. Easy to extend, style and integrate into your project. Table of Contents Bundled Icon Sets Installation i

Joel Arvidsson 16.1k Oct 3, 2022
React Native - Native Animated Icons with different states

ReactNative: Native Iconic (Android/iOS): Deprecated Due to time constraint, this library is deprecated and not maintained anymore, You can still use

Pranav Raj Singh Chauhan 222 Jul 14, 2022
icons for react-native android using android-iconify

react-native-android-iconify icons for react native android using android-iconify Installation and How to use Step 1 - NPM Install npm install --save

Layton Whiteley 32 May 26, 2020
⭐Eva Icons for React Native

react-native-eva-icons ❤️ Clean and powerful Eva Icons implementation for React Native based on react-native-svg elements. Demo Installation npm i rea

Artur Yorsh 182 Aug 25, 2022
A simple rating library for react native supporting: decimal points, direction aware icons, custom icon set from Ionicons, custom images and record rating given by users.

React Native Rating Element A simple rating library for react native supporting: a11y ready ⚛️ decimal points like 3.7, 4.2 etc, direction aware icons

Rishabh Sharma 20 Sep 29, 2022
Credit cards and other payment icons in React Native

react-native-payment-icons There wasn't a package for displaying credit cards and other payment methods icons in React Native. Wasn't! We use SVGs tha

Henrique Bruno 10 Jul 4, 2022
Phosphor Icons generated from React Native Vector Image

React Native Phosphor Icons Phosphor Icons generated from React Native Vector Image Installation yarn add @baronha/react-native-phosphor-icon && yarn

Baron Ha. 3 May 6, 2022
🎨 Iconic icons for React Native (+Web)

Iconic is an awesome icon set made by @jamesm and @ormanclark. It has 200+ free icons and a premium plan. This library exports React Native components for each of its free icons.

Fernando Rojo 54 Sep 14, 2022
Hero Icons for React Native

Hero Icons for React Native

Fernando Rojo 31 Sep 15, 2022
A pack of more than 480 beautifully crafted Open Source icons. SVG, Sketch, Web Font and Animations support.

Eva Icons Eva Icons is a pack of more than 480 beautifully crafted Open Source icons for common actions and items. Additionally, Eva Icons supports 4

Akveo 8.4k Sep 30, 2022
Welcome to react-native-coachmark! It helps you easily create Coach Marks to enhance user experience!

react-native-coachmarks Welcome to react-native-coachmarks! It helps you easily create Coach Marks to enhance user experience! DEMO Installation npm i

TranLuongTuanAnh 30 Jul 27, 2022
A marquee label for react-native(if you use js pure marquee, use remobile/react-native-marquee[ https://github.com/remobile/react-native-marquee ])

React Native MarqueeLabel (remobile) A marquee label for react-native if you use js pure marquee, use remobile/react-native-marquee[ https://github.co

YunJiang.Fang 114 Jul 18, 2022
:level_slider: Yet another, big one, pure JS easily customisable and hackable react-native slider component

react-native-big-slider This package powers Yeti Smart Home and is used in production. A react native reusable and efficient dial knob element. Usage

Netbeast 86 Jan 13, 2022
Easily animate react-native components between two styles.

react-native-animated-styles Easily animate react-native components between two styles. Similar concept to adding and removing a CSS class to animate

Eric Kerr 20 Apr 11, 2022