Documentation
Feedback
Guides
Storefront Development

Storefront Development
FastStore
Iconography

This set of icons uses SVGs from Phosphor icons.

Icons help build web pages by illustrating concepts and improving website navigation.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.

Import

Import the component from @faststore/ui

_10
import { Icon } from '@faststore/ui'

You can find more details about the Icon component here.

Usage


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


_10
<Icon name="X" weight="bold" width={16} height={16} />
_10
<Icon name="MagnifyingGlass" weight="regular" width={20} height={20} />
_10
<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

  • Amex

  • ApplePay

  • EloCard

  • Diners

  • GooglePay

  • Mastercard

  • PayPal

  • Pix

  • Stripe

  • GooglePay

  • ApplePay

  • Visa

Social

  • Facebook

  • Instagram

  • Twitter

  • Pinterest

Others

  • House

  • Star

  • Heart

  • DotsThree

  • Ruler

  • ShoppingCart

  • Tag

  • BellRinging

  • Bell

  • MapPin

  • ArrowSquareOut

  • Envelop

Contributors
2
Photo of the contributor
Photo of the contributor
Was this helpful?
Yes
No
Suggest Edits (GitHub)
Contributors
2
Photo of the contributor
Photo of the contributor
On this page