Icons

Installation

To use these icons, you will first need to install the react-native-svg package.

npm

npm install @nomada-sh/react-native-eyecandy-icons

Yarn

yarn add @nomada-sh/react-native-eyecandy-icons

Icons

ArrowLeft

import { ArrowLeft } from '@nomada-sh/react-native-eyecandy-icons';

---

Building

import { Building } from '@nomada-sh/react-native-eyecandy-icons';

---

CalendarEvent

import { CalendarEvent } from '@nomada-sh/react-native-eyecandy-icons';

---

Camera

import { Camera } from '@nomada-sh/react-native-eyecandy-icons';

---

ChevronDown

import { ChevronDown } from '@nomada-sh/react-native-eyecandy-icons';

---

ChevronRight

import { ChevronRight } from '@nomada-sh/react-native-eyecandy-icons';

---

Close

import { Close } from '@nomada-sh/react-native-eyecandy-icons';

---

Crown

import { Crown } from '@nomada-sh/react-native-eyecandy-icons';

---

Dots

import { Dots } from '@nomada-sh/react-native-eyecandy-icons';

---

Download

import { Download } from '@nomada-sh/react-native-eyecandy-icons';

---

EyeCheck

import { EyeCheck } from '@nomada-sh/react-native-eyecandy-icons';

---

EyeOff

import { EyeOff } from '@nomada-sh/react-native-eyecandy-icons';

---

Eye

import { Eye } from '@nomada-sh/react-native-eyecandy-icons';

---

Filter

import { Filter } from '@nomada-sh/react-native-eyecandy-icons';

---

HomeFill

import { HomeFill } from '@nomada-sh/react-native-eyecandy-icons';

---

Home

import { Home } from '@nomada-sh/react-native-eyecandy-icons';

---

Lock

import { Lock } from '@nomada-sh/react-native-eyecandy-icons';

---

Mail

import { Mail } from '@nomada-sh/react-native-eyecandy-icons';

---

Menu

import { Menu } from '@nomada-sh/react-native-eyecandy-icons';

---

Message

import { Message } from '@nomada-sh/react-native-eyecandy-icons';

---

MoonSun

import { MoonSun } from '@nomada-sh/react-native-eyecandy-icons';

---

Notifications

import { Notifications } from '@nomada-sh/react-native-eyecandy-icons';

---

Photo

import { Photo } from '@nomada-sh/react-native-eyecandy-icons';

---

Plus

import { Plus } from '@nomada-sh/react-native-eyecandy-icons';

---

Search

import { Search } from '@nomada-sh/react-native-eyecandy-icons';

---

Settings

import { Settings } from '@nomada-sh/react-native-eyecandy-icons';

---

SignOut

import { SignOut } from '@nomada-sh/react-native-eyecandy-icons';

---

Star

import { Star } from '@nomada-sh/react-native-eyecandy-icons';

---

Tree

import { Tree } from '@nomada-sh/react-native-eyecandy-icons';

---

UserFill

import { UserFill } from '@nomada-sh/react-native-eyecandy-icons';

---

UserPlus

import { UserPlus } from '@nomada-sh/react-native-eyecandy-icons';

---

User

import { User } from '@nomada-sh/react-native-eyecandy-icons';

---

Warning

import { Warning } from '@nomada-sh/react-native-eyecandy-icons';

Props

style

Icon style.

Type
View Style

---

size

Width and height of the icon.

Type	Default
number	24

---

color

Changes the stroke or fill color if it is not overridden. Color will change based on the theme.

Type	Default
string or 'default' or 'primary' or 'error' or 'greyout'	'default'

---

stroke

Stroke color of the icon. This overrides the color set with the color prop.

Type
string

---

fill

Fill color of the icon. This overrides the color set with the color prop.

Type
string

---

filled

If true, uses the stroke prop as fill color. If fill is also set, this prop will be ignored.

Type
boolean