Documentation
Feedback
Guides
Storefront Development

Storefront Development
Icons

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

  • Diners

  • Mastercard

  • EloCard

  • PayPal

  • Stripe

  • GooglePay

  • ApplePay

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