Icons

nudge-design/icons is a node package containing all of our icons which uses svgr to convert the svgs into React components.

React

yarn install @nudge-coach/icons@latest --save

React-Native

Install the library

yarn install @nudge-coach/native-icons

Import the icon you want to use. See the complete list of icons below for reference.

import { Users } from "@nudge-coach/native-icons";

Customize the size and color of the icon like this:

<Users width={64} height={64} color={"pink"} />

Reference Sheet

Activity

AlertTriangle

Archive

ArrowDownCircle

ArrowLeft

ArrowRight

BarChart

Bell

BellOff

Bold

Book

Calendar

Check

ChevronDown

ChevronLeft

ChevronRight

ChevronUp

Circle

Clipboard

ClipboardBlank

Clock

Copy

CornerDownRight

Divider

Drag

Edit

Eye

EyeOff

FileText

Finger

Folder

FolderMinus

FolderPlus

Graph

Image

Info

Leaderboard

Link

List

Loader

Lock

Maximize

Maximize2

Menu

Message

MessageSquare

Minus

Pause

PlayCircle

Plus

Question

Refresh

Repeat

Reports

Resume

Search

SelectOne

Settings

Smartphone

SortAscAbc

SortAscBars

SortDescAbc

SortDescBars

Spacer

Square

Stop

Tag

TagMinus

TagPlus

Target

Text

Tracking

Trash

Unlock

Upload

User

UserPlus

Users

Vimeo

X

XOctagon

Youtube