Skip to content

V99Icon

A component for displaying icon.

I. Props

Name Type Default Description
size V99IconSizeType V99IconSize.s24 Size of icon
name IconCDNType - Icon name
color ColorValue - Set color for icon
duration number - Set duration for icon
marginBottom V99Spacing - Set the bottom margin of image
marginLeft V99Spacing - Set the left margin of image
marginRight V99Spacing - Set the right margin of image
marginTop V99Spacing - Set the top margin of image
margin V99Spacing - Set the margin for all four sides of image
marginHorizontal V99Spacing - Set the left and right margin of image
marginVertical V99Spacing - Set the top and bottom margin of image

Table of icons

IconCDNType Display
system_all_app_off home
system_all_app chart
system_all_nets_circle dapp
system_assets_off setting
system_assets down
system_chart up
system_check_double right
system_configuration left
system_dapp_off upfill
system_dapp_rounded_off downfill
system_dapp_rounded forward
system_dapp backleft
system_down_fill hide
system_down unhide
system_home_off copy
system_home notication
system_note loudspeaker
system_qr close
system_receiver close_fill
system_right incognito
system_search wallet
system_search_rounded walle_fill
system_search_rounded_off send
system_setting_off receiver
system_setting swap
system_swap paste
system_up search
system_left delete
system_up_fill check
system_backright backright
system_backleft wallet+
system_backdown walletswap
system_filter document
system_info warning
system_hide warning fill
system_unhide save
system_copy sercurity
system_notification storage
system_loudspeaker money
system_close note
system_close_rounded_fill history
system_incognito support
system_wallet find
system_wallet_fill disconnect
system_send documentlist
system_paste find
system_delete img
system_check link
system_wallet_add more
system_wallet_swap not found
system_document _share
system_warning tagcheck
system_warning_fill tagcheck
system_save hourglass
system_security notification
system_storage success
system_money key
system_history download
system_maintain warning info
system_support _dapps
system_find v99
system_share v99 circle
system_documentlist wallet connect
system_more language
system_not_found currency
system_link safety seal
system_empty_list red alert
system_disconnect type=Apeswap
system_img type=Duckduckgo
system_promotion type=Dodo
system_reload type=Pancakeswap
system_view_more type=Opensea
system_no_wallet type=1inch
system_tagcheck_color_fill type=Uniswap
system_warning_color_fill type=Shushi
system_hourglass_color_fill type=Kyberswap
system_notification_color_fill type=Quick Finance
system_success_color_fill type=MM Finance
system_key_color_fill type=Thena
system_warning_info_color_fill type=mdex
system_download_color_fill type=Shushi
system_document_color_fill type=Biswap
system_dapp_color_fill Vchain
system_wallet_color_fill Etherium
system_wallet_circle_color_fill Tether
system_v99_color_fill BUSD
system_v99_circle_color_fill BEP20
system_wallet_connect_color_fill BEP16
system_language_color_fill tether20
system_currency_color_fill Polygon16
system_noti_color_fill tether
system_security_color_fill vmoney
system_safety_seal_color_fill lock
system_red_alert_color_fill coinv
system_headphone_color_fill pass
system_more_color_fill swap
system_check_color_fill vchain
system_download_color_fill_64 security
system_success_color_fill_64 wallet
system_notification_color_fill_64 wallet
system_warning_info_color_fill_64 wallet
system_warning_info_blue blue
system_gas gas
system_gasless gas
system_receive_round gas
system_send_round gas
system_swap_round gas
symbol_wallet_welcome gas
system_game_remove gas
system_cloud_download gas
system_bell_outline gas
system_bell_outline_dot gas
system_save_cricle_color_fill wallet
dapp_ic_1inch_dapp wallet
dapp_ic_apeswap_dapp wallet
dapp_ic_biswap_dapp wallet
dapp_ic_dodo_dapp wallet
dapp_ic_duckduckgo wallet
dapp_ic_kyberswap_dapp wallet
dapp_ic_mdex_dapp wallet
dapp_ic_cronos_dapp wallet
dapp_ic_opensea_dapp wallet
dapp_ic_quickswap_dapp wallet
dapp_ic_p2p_dapp wallet
dapp_ic_pancake_dapp wallet
dapp_ic_sushiswap_dapp wallet
dapp_ic_swap_dapp wallet
dapp_ic_thena_dapp wallet
dapp_ic_uniswap_dapp wallet
coin_ic_bnb_off wallet
coin_ic_bnb wallet
coin_ic_busd wallet
coin_ic_bsc_mono wallet
coin_ic_polygon_mono wallet
coin_ic_eth wallet
coin_ic_ethereum_off wallet
coin_ic_matic wallet
coin_ic_polygon_off wallet
coin_ic_polygon wallet
coin_ic_tron_off wallet
coin_ic_tron wallet
coin_ic_usdt wallet
coin_ic_vchain_off wallet
coin_ic_vndt wallet
coin_ic_mint wallet
symbol_coinv wallet
symbol_lock wallet
symbol_harddrive wallet
symbol_pass wallet
symbol_security wallet
symbol_swap wallet
symbol_tether wallet
symbol_vchain wallet
symbol_vmoney wallet
symbol_wallet wallet
wallet_0 wallet
wallet_1 wallet
wallet_2 wallet
wallet_3 wallet
wallet_4 wallet
coin_ic_tron_mono wallet
dapp_ic_anotrade wallet
dapp_ic_justlend wallet
dapp_ic_sunswap wallet
system_bell_fill wallet
system_seed_phrase wallet
system_mnemonic wallet
system_private_key wallet
system_introduce wallet
system_cloud_lock wallet
system_control_money wallet
system_warning_yellow wallet
system_warning_red wallet
system_update wallet
system_empty wallet
system_develop wallet
system_about wallet
system_dapp_color wallet
system_display wallet
symbol_warning wallet
symbol_exchange wallet
symbol_key_chain wallet
symbol_mini_app wallet
symbol_security_fill wallet
symbol_vic wallet
symbol_wallet_fill wallet
system_swap_horizontal wallet

II. Usage

import { V99Icon } from 'v99-kits'

III. Example

<V99Icon name={'system_home'}/>