Documentation
Feedback
Guides
Storefront Development

Storefront Development
FastStoreThemes reference
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
+ 2 contributors
Was this helpful?
Yes
No
Suggest edits (Github)
Contributors
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
On this page