Icons

Overview

Icons help build web pages by illustrating concepts and improving website navigation. We offer a set of icons that our components use, and you can also use them on your application.

Import

Import the component from @faststore/ui

import { Icon } from '@faststore/ui'

You can find more details about the Icon component here.

Usage

<Icon name="X" weight="bold" />
<Icon name="MagnifyingGlass" weight="regular" />
<Icon name="House" weight="thin" />

<Icon name="X" weight="bold" width={16} height={16} />
<Icon name="MagnifyingGlass" weight="regular" width={20} height={20} />
<Icon name="House" weight="thin" width={32} height={32} />

UI Actions

• X

• Plus

• PlusCircle

• Minus

• MinusCircle

• XCircle

• ArrowLeft

• ArrowRight

• ArrowElbowDownRight

• CaretDown

• CaretRight

• CaretLeft

• CaretUp

• Checked

• MagnifyingGlass

• FadersHorizontal

Payment Flags

• Visa

• Diners

• Mastercard

• EloCard

• PayPal

• Stripe

• GooglePay

• ApplePay

Social

• Facebook

• Instagram

• Twitter

• Pinterest

Others

• House

• Star

• Heart

• DotsThree

• Ruler

• ShoppingCart

• Tag

• BellRinging

• Bell

• MapPin

• ArrowSquareOut