import { Icon } from 'welcome-ui/Icon'const Example = () => {return <Icon name="fire" />}export default Example
Usage
Add <Sprite /> to the root of your application (e.g. in App.tsx) before using <Icon name="...">.
import { Sprite } from 'welcome-ui/Icon'function App() {return (<><Sprite />{/* Other components */}</>)}
Size
Use size property with xs, sm, md, lg xl or xxl or a tailwindcss class for custom size.
Color
Icons inherit the color from their parent.
Icons
Arrows
angle-left-b
angle-right-b
angle-up
angle-down
arrow-left
arrow-right
arrow-up
arrow-down
left-arrow-to-left
arrow-to-right
top-arrow-to-top
arrow-to-bottom
angle-double-left
angle-double-right
angle-left
angle-right
Actions
asterisk
info-circle
chart-line
plus
chart-line
archive-alt
arrows-merge-v
arrows-shrink-v
apps
edit
user-check
user-plus
user-times
check
times
trash
import
upload
draggable-dots
copy
pen
left-arrow-from-left
arrow-from-right
resize-handle
arrow-resize-diagonal
external-link-alt
heart-solid
heart
filter
eye
eye-slash
link
sign-out-alt
bars
ellipsis-v
ellipsis-h
move-arrow
bell
print
bolt-alt
redo
save
search
setting
share-alt
share
Chat
chat
chat-bubble-user
comment
comment-alt-lines
Miscellaneous
music
rocket
file-alt
user-square
book-reader
file-question-alt
sad-solid
smile-beam-solid
sad
smile-beam
sign-right
exclamation-triangle
exclamation-circle
exclamation-octagon
chart-pie
paperclip
chart-bar
fire
user-check
apps
trophy
bookmark-solid
bookmark
clock
comment-alt-lines
file-edit-alt
illustration
calendar
users-alt
globe
graduation-cap
envelope
equal-circle
minus
venus
mars
estate
info-circle
columns
english-to-chinese
bag-alt
chart-line
map-marker-alt
lock-alt
flag
at
user
user-circle
clipboard-check
building
compass
phone
pin
microphone
user-search
house-user
star-solid
star
coins
euro-circle
file-search-alt
question-circle
gift
birthday-cake
bunting-flags
tag-alt
tablet
mobile
video
plus-circle
pen
check-circle
certified
plug
WTF
icons
package
basketball
book-alt
lightbulb-alt
life-ring
calculator-alt
camera
shopping-cart
clipboard-notes
coffee
ruler
desktop
hard-hat
credit-card
moon-solid
moon
crosshair
crown
restaurant
diamond
industry
fingerprint
flag
flag-solid
setting
handshake
hashtag
headphones
heart
estate
balance-scale
key-skeleton
leaf
map
masonry
masonry-plus
megaphone
microphone
processor
euro-circle
mountains
pen
images
chart-pie-alt
pizza-slice
puzzle-piece-solid
puzzle-piece
shield
wrench
sparkles
server
sun
hunting
thumbs-up
thumbs-down
trees
sofa
exit
redo
play
ban
Folders & Files
folder
folder-open
folder-full
file
image
Player
play
stop-circle-solid
pause-circle-solid
previous
step-forward
expand-arrows-alt
compress-arrows
screen-share
stop-screen-share
microphone
microphone-slash
cast
cast-connected
cast-unavailable
video
video-slash
airplay
history
playlist
volume-up
volume-mute
closed-captioning
Markdown
bold
arrow
brackets-curly
italic
list-ol-alt
list-ul
quote
text-strike-through
heading
heading-1
heading-2
heading-3
heading-4
heading-5
heading-6
font
underline
Brands
behance
dribbble
facebook
github
google
instagram
linkedin
npm
pinterest
slack
stackoverflow
tiktok
twitch
x
xing
youtube
zapier
Welcome
symbol
wttj
Flags
flag-fr
flag-en
flag-us