Icon
Use this component to render an icon. Most of the available icons are from the Heroicons collection.
Usage
import { Icon } from '@binarycapsule/ui-capsules';Knobs 🎛
academic_cap
solid
<Icon
icon="academic_cap"
variant="solid"
/>Props
| Name | Description |
|---|---|
iconRequired | string Name of the icon to render. |
variant | "solid" | "outline"(Default: "solid") Icon variant to render (solid or outline). |
size | number(Default: 20 | 24) The size of the icon. |
Icons
academic_cap
adjustments
annotation
archive
arrow_c_down
arrow_c_left
arrow_c_right
arrow_c_up
arrow_down
arrow_left
arrow_n_down
arrow_n_left
arrow_n_right
arrow_n_up
arrow_right
arrow_up
arrows_expand
at_symbol
backspace
badge_check
ban
beaker
bell
book_open
bookmark
bookmark_alt
briefcase
bulb
cake
calculator
calendar
camera
cash
chart_bar
chart_pie
chart_square_bar
chat
chat_alt
chat_alt2
check
check_c
check_sm
chev_double_down
chev_double_left
chev_double_right
chev_double_up
chev_down
chev_left
chev_right
chev_up
chip
clipboard
clipboard_check
clipboard_copy
clipboard_list
clock
cloud
cloud_download
cloud_upload
code
cog
collection
color_swatch
credit_card
cube
cube_transparent
currency_bang
currency_dollar
currency_euro
currency_pound
currency_rupee
currency_yen
cursor_click
database
desktop
device_mobile
device_tablet
doc
doc_add
doc_download
doc_duplicate
doc_remove
doc_report
doc_search
doc_text
dots_c_h
dots_h
dots_v
download
duplicate
emoji_happy
emoji_sad
exclamation
exclamation_c
exclamation_t
external_link
eye
eye_off
fast_forward
film
filter
fingerprint
fire
flag
folder
folder_add
folder_download
folder_open
folder_remove
gift
github
globe
globe_alt
grip
hand
hashtag
heart
home
identification
inbox
inbox_in
info
info_c
key
library
light_bulb
lightning
link
location_pin
lock_closed
lock_open
login
logout
mail
mail_open
map
menu
menu_alt_1
menu_alt_2
menu_alt_3
menu_alt_4
microphone
minus
minus_c
moon
music_notes
newspaper
office_building
paper_airplane
paper_clip
pause
pencil
pencil_alt
phone
phone_incoming
phone_missed
phone_outgoing
photo
play
plus
plus_c
presentation_bar
presentation_line
printer
puzzle
qrcode
question_c
receipt_refund
receipt_tax
refresh
reply
rewind
rocket
rss
save
save_as
scale
scissors
search
search_circle
selector
server
share
shield_check
shield_excl
shopping_bag
shopping_cart
sort_asc
sort_desc
sparkles
speakerphone
star
status_offline
status_online
stop
sun
support
switch_h
switch_v
table
tag
template
terminal
thumb_down
thumb_up
ticket
translate
trash
trending_down
trending_up
truck
undo
upload
user
user_add
user_circle
user_group
user_remove
users
variable
video_camera
view_boards
view_grid
view_grid_add
view_list
volume_off
volume_up
wifi
x
x_circle
zoom_in
zoom_out