• Stars
    star
    136
  • Rank 267,670 (Top 6 %)
  • Language
    TypeScript
  • License
    MIT License
  • Created over 4 years ago
  • Updated 10 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

React Native components for heroicons

npm version npm downloads

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

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

npm

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

Usage

Specific icons:

import React from "react";
import { View } from "react-native";
import { SparklesIcon } from "react-native-heroicons/solid";
import { SparklesIcon as SparklesIconOutline } from "react-native-heroicons/outline";
// Old solid style from heroicons v1
import { SparklesIcon as SparklesIconMini } from "react-native-heroicons/mini";

const App = () => {
  return (
    <View>
      <SparklesIcon />
      <SparklesIconOutline />
      <SparklesIconMini />
    </View>
  );
};

export default App;

Entire icon pack:

import React from "react";
import * as Icons from "react-native-heroicons/solid";

const App = () => {
  return <Icons.SparklesIcon />;
};

export default App;

Customization

Icons can be adjusted with the size prop (default: 24):

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

More Repositories

1

tailwindcss-radix

Utilities and variants for styling Radix state
TypeScript
2,106
star
2

tailwindcss-figma-kit

Figma Kit for Tailwind CSS
Shell
736
star
3

tailwindcss-figma-plugin

Figma Plugin for Tailwind CSS
TypeScript
269
star
4

react-hooks-mobx-state-tree

React Hooks + MobX State Tree + TypeScript = πŸ’›
TypeScript
242
star
5

flutters

A game powered by Flutter and Flame
Dart
240
star
6

ac2100-openwrt-guide

Install OpenWrt on the AC2100 (black cylinder)
Python
113
star
7

gatsby-typescript-tailwind

Gatsby + TypeScript + Tailwind CSS
TypeScript
76
star
8

webpack4-pug-sass-example

Example config for using pug and sass in webpack4
JavaScript
49
star
9

heroicons-react

React components for heroicons
TypeScript
39
star
10

OpenCore-Lenovo-Flex-15

macOS support for the Lenovo Flex 15 59416277
Shell
23
star
11

coingecko-rs

Rust library for the CoinGecko V3 API
Rust
17
star
12

OpenCore-NUC8i5BEH

OpenCore EFI for the Intel NUC8i5BEH
14
star
13

cra-tailwind-starter

Tailwind CSS starter project based on create-react-app
JavaScript
13
star
14

react-popper-spring-tooltip

A highly configurable tooltip wrapper around react-popper and react-spring
TypeScript
12
star
15

dotfiles

dotfiles - macOS
Lua
11
star
16

OpenCore-EliteDesk-800-G2SFF

OpenCore EFI for the HP EliteDesk 800 G2 SFF
10
star
17

firebase-functions-boilerplate

Template for having split up cloud functions with jest testing
TypeScript
8
star
18

react-native-next-monorepo

https://ecklf.com/blog/rn-monorepo
Java
6
star
19

tailwind.json

npx tailwind.json
JavaScript
6
star
20

react-tailwind-storybook

Create a TailwindCSS component library with Storybook
JavaScript
3
star
21

rustlings_solutions

My rustlings solutions
Rust
3
star
22

react-native-animation-utils

TypeScript
2
star
23

flagkit

TypeScript
1
star
24

snake-rs

Rust
1
star
25

rust_learning

Rust
1
star
26

tailwindcss-bot

Tailwind CSS Discord Helper Bot
Rust
1
star
27

cra-tailwind-ts

Tailwind CSS starter project based on create-react-app (TypeScript)
TypeScript
1
star
28

advent-of-code-2021

Advent of Code 2021
Rust
1
star
29

react-navigation-v6-monorepo-issue

Java
1
star
30

mst-gql-compile-bug

https://github.com/mobxjs/mst-gql/issues/252
TypeScript
1
star
31

react-css.gg

TypeScript
1
star
32

react-edge-functions

TypeScript
1
star
33

nextjs-tailwind-ts

TypeScript
1
star
34

advent-of-code-2022

Rust
1
star
35

ecklf

1
star
36

OpenCore-Lenovo-M720q

Lenovo M720q - OpenCore EFI for macOS 15 Sequoia
1
star
37

macos-tags

Rust library for modifying macOS tags
Rust
1
star
38

react-flat-flags

Flat Flags for React
JavaScript
1
star