Icons

FastStore offers a set of icons that our components use, and you can also use them on your application. This set of icons uses SVGs from Phosphor icons (opens in a new tab).

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

• Amex

• ApplePay

• EloCard

• Diners

• GooglePay

• Mastercard

• PayPal

• Pix

• Stripe

• Visa

Social

• Facebook

• Instagram

• Twitter

• Pinterest

Others

• House

• Star

• Heart

• DotsThree

• Ruler

• ShoppingCart

• Tag

• BellRinging

• Bell

• MapPin

• ArrowSquareOut

• Envelope