xl vision
  • Component
  • React Hooks
  • Playground
  • Overview
  • Color
  • Getting Start
    • Installation
  • General
    • Icon
    • Button
  • Layout
    • Grid
  • Form
    • Input
    • InputNumber
    • Textarea
  • Navigation
    • Dropdown
    • Affix
    • BackTop
    • Anchor
  • Data Display
    • Tooltip
    • Popover
    • Avatar
  • Faceback
    • Popconfirm
    • Dialog
    • Message
    • Notication
  • Animation
    • Transition
    • TransitionGroup
    • CollapseTransition
    • Ripple
  • Styles
    • Theme
    • CssBaseline
  • Basic Component
    • BaseButton
    • Portal
    • Popper
    • Modal
    • ResizeObserver

Icon

Vector graphics based on Material Design Icons. Before use icons, you need to install xl-vision/icons package:

npm install --save @xl-vision/icons

Examples

Filled
Outlined
Basic

Basic

Custom Icon

Icons can be easily customized via the createIcon API provided by the @xl-vision/icons package

Icon Lists

All the provided svg icons are shown here, you can search and view the icons you need

AccountBookOutlined
AimOutlined
AlertOutlined
AlibabaOutlined
AlignCenterOutlined
AlignLeftOutlined
AlignRightOutlined
AlipayCircleOutlined
AlipayOutlined
AliwangwangOutlined
AliyunOutlined
AmazonOutlined
AndroidOutlined
AntCloudOutlined
AntDesignOutlined
ApartmentOutlined
ApiOutlined
AppleOutlined
AppstoreAddOutlined
AppstoreOutlined
AreaChartOutlined
ArrowDownOutlined
ArrowLeftOutlined
ArrowRightOutlined
ArrowUpOutlined
ArrowsAltOutlined
AudioMutedOutlined
AudioOutlined
AuditOutlined
BackwardOutlined
BankOutlined
BarChartOutlined
BarcodeOutlined
BarsOutlined
BehanceOutlined
BehanceSquareOutlined
BellOutlined
BgColorsOutlined
BlockOutlined
BoldOutlined
BookOutlined
BorderBottomOutlined
BorderHorizontalOutlined
BorderInnerOutlined
BorderLeftOutlined
BorderOuterOutlined
BorderOutlined
BorderRightOutlined
BorderTopOutlined
BorderVerticleOutlined
BorderlessTableOutlined
BoxPlotOutlined
BranchesOutlined
BugOutlined
BuildOutlined
BulbOutlined
CalculatorOutlined
CalendarOutlined
CameraOutlined
CarOutlined
CaretDownOutlined
CaretLeftOutlined
CaretRightOutlined
CaretUpOutlined
CarryOutOutlined
CheckCircleOutlined
CheckOutlined
CheckSquareOutlined
ChromeOutlined
CiCircleOutlined
CiOutlined
ClearOutlined
ClockCircleOutlined
CloseCircleOutlined
CloseOutlined
CloseSquareOutlined
CloudDownloadOutlined
CloudOutlined
CloudServerOutlined
CloudSyncOutlined
CloudUploadOutlined
ClusterOutlined
CodeOutlined
CodeSandboxOutlined
CodepenCircleOutlined
CodepenOutlined
CoffeeOutlined
ColumnHeightOutlined
ColumnWidthOutlined
CommentOutlined
CompassOutlined
CompressOutlined
ConsoleSqlOutlined
ContactsOutlined
ContainerOutlined
ControlOutlined
CopyOutlined
CopyrightCircleOutlined
CopyrightOutlined
CreditCardOutlined
CrownOutlined
CustomerServiceOutlined
DashOutlined
DashboardOutlined
DatabaseOutlined
DeleteColumnOutlined
DeleteOutlined
DeleteRowOutlined
DeliveredProcedureOutlined
DeploymentUnitOutlined
DesktopOutlined
DiffOutlined
DingdingOutlined
DingtalkOutlined
DisconnectOutlined
DislikeOutlined
DollarCircleOutlined
DollarOutlined
DotChartOutlined
DoubleLeftOutlined
DoubleRightOutlined
DownCircleOutlined
DownOutlined
DownSquareOutlined
DownloadOutlined
DragOutlined
DribbbleOutlined
DribbbleSquareOutlined
DropboxOutlined
EditOutlined
EllipsisOutlined
EnterOutlined
EnvironmentOutlined
EuroCircleOutlined
EuroOutlined
ExceptionOutlined
ExclamationCircleOutlined
ExclamationOutlined
ExpandAltOutlined
ExpandOutlined
ExperimentOutlined
ExportOutlined
EyeInvisibleOutlined
EyeOutlined
FacebookOutlined
FallOutlined
FastBackwardOutlined
FastForwardOutlined
FieldBinaryOutlined
FieldNumberOutlined
FieldStringOutlined
FieldTimeOutlined
FileAddOutlined
FileDoneOutlined
FileExcelOutlined
FileExclamationOutlined
FileGifOutlined
FileImageOutlined
FileJpgOutlined
FileMarkdownOutlined
FileOutlined
FilePdfOutlined
FilePptOutlined
FileProtectOutlined
FileSearchOutlined
FileSyncOutlined
FileTextOutlined
FileUnknownOutlined
FileWordOutlined
FileZipOutlined
FilterOutlined
FireOutlined
FlagOutlined
FolderAddOutlined
FolderOpenOutlined
FolderOutlined
FolderViewOutlined
FontColorsOutlined
FontSizeOutlined
ForkOutlined
FormOutlined
FormatPainterOutlined
ForwardOutlined
FrownOutlined
FullscreenExitOutlined
FullscreenOutlined
FunctionOutlined
FundOutlined
FundProjectionScreenOutlined
FundViewOutlined
FunnelPlotOutlined
GatewayOutlined
GifOutlined
GiftOutlined
GithubOutlined
GitlabOutlined
GlobalOutlined
GoldOutlined
GoogleOutlined
GooglePlusOutlined
GroupOutlined
HddOutlined
HeartOutlined
HeatMapOutlined
HighlightOutlined
HistoryOutlined
HomeOutlined
HourglassOutlined
Html5Outlined
IdcardOutlined
IeOutlined
ImportOutlined
InboxOutlined
InfoCircleOutlined
InfoOutlined
InsertRowAboveOutlined
InsertRowBelowOutlined
InsertRowLeftOutlined
InsertRowRightOutlined
InstagramOutlined
InsuranceOutlined
InteractionOutlined
IssuesCloseOutlined
ItalicOutlined
KeyOutlined
LaptopOutlined
LayoutOutlined
LeftCircleOutlined
LeftOutlined
LeftSquareOutlined
LikeOutlined
LineChartOutlined
LineHeightOutlined
LineOutlined
LinkOutlined
LinkedinOutlined
Loading3QuartersOutlined
LoadingOutlined
LockOutlined
LoginOutlined
LogoutOutlined
MacCommandOutlined
MailOutlined
ManOutlined
MedicineBoxOutlined
MediumOutlined
MediumWorkmarkOutlined
MehOutlined
MenuFoldOutlined
MenuOutlined
MenuUnfoldOutlined
MergeCellsOutlined
MessageOutlined
MinusCircleOutlined
MinusOutlined
MinusSquareOutlined
MobileOutlined
MoneyCollectOutlined
MonitorOutlined
MoreOutlined
NodeCollapseOutlined
NodeExpandOutlined
NodeIndexOutlined
NotificationOutlined
NumberOutlined
OneToOneOutlined
OrderedListOutlined
PaperClipOutlined
PartitionOutlined
PauseCircleOutlined
PauseOutlined
PayCircleOutlined
PercentageOutlined
PhoneOutlined
PicCenterOutlined
PicLeftOutlined
PicRightOutlined
PictureOutlined
PieChartOutlined
PlayCircleOutlined
PlaySquareOutlined
PlusCircleOutlined
PlusOutlined
PlusSquareOutlined
PoundCircleOutlined
PoundOutlined
PoweroffOutlined
PrinterOutlined
ProfileOutlined
ProjectOutlined
PropertySafetyOutlined
PullRequestOutlined
PushpinOutlined
QqOutlined
QrcodeOutlined
QuestionCircleOutlined
QuestionOutlined
RadarChartOutlined
RadiusBottomleftOutlined
RadiusBottomrightOutlined
RadiusSettingOutlined
RadiusUpleftOutlined
RadiusUprightOutlined
ReadOutlined
ReconciliationOutlined
RedEnvelopeOutlined
RedditOutlined
RedoOutlined
ReloadOutlined
RestOutlined
RetweetOutlined
RightCircleOutlined
RightOutlined
RightSquareOutlined
RiseOutlined
RobotOutlined
RocketOutlined
RollbackOutlined
RotateLeftOutlined
RotateRightOutlined
SafetyCertificateOutlined
SafetyOutlined
SaveOutlined
ScanOutlined
ScheduleOutlined
ScissorOutlined
SearchOutlined
SecurityScanOutlined
SelectOutlined
SendOutlined
SettingOutlined
ShakeOutlined
ShareAltOutlined
ShopOutlined
ShoppingCartOutlined
ShoppingOutlined
ShrinkOutlined
SisternodeOutlined
SketchOutlined
SkinOutlined
SkypeOutlined
SlackOutlined
SlackSquareOutlined
SlidersOutlined
SmallDashOutlined
SmileOutlined
SnippetsOutlined
SolutionOutlined
SortAscendingOutlined
SortDescendingOutlined
SoundOutlined
SplitCellsOutlined
StarOutlined
StepBackwardOutlined
StepForwardOutlined
StockOutlined
StopOutlined
StrikethroughOutlined
SubnodeOutlined
SwapLeftOutlined
SwapOutlined
SwapRightOutlined
SwitcherOutlined
SyncOutlined
TableOutlined
TabletOutlined
TagOutlined
TagsOutlined
TaobaoCircleOutlined
TaobaoOutlined
TeamOutlined
ThunderboltOutlined
ToTopOutlined
ToolOutlined
TrademarkCircleOutlined
TrademarkOutlined
TransactionOutlined
TranslationOutlined
TrophyOutlined
TwitterOutlined
UnderlineOutlined
UndoOutlined
UngroupOutlined
UnlockOutlined
UnorderedListOutlined
UpCircleOutlined
UpOutlined
UpSquareOutlined
UploadOutlined
UsbOutlined
UserAddOutlined
UserDeleteOutlined
UserOutlined
UserSwitchOutlined
UsergroupAddOutlined
UsergroupDeleteOutlined
VerifiedOutlined
VerticalAlignBottomOutlined
VerticalAlignMiddleOutlined
VerticalAlignTopOutlined
VerticalLeftOutlined
VerticalRightOutlined
VideoCameraAddOutlined
VideoCameraOutlined
WalletOutlined
WarningOutlined
WechatOutlined
WeiboCircleOutlined
WeiboOutlined
WeiboSquareOutlined
WhatsAppOutlined
WifiOutlined
WindowsOutlined
WomanOutlined
YahooOutlined
YoutubeOutlined
YuqueOutlined
ZhihuOutlined
ZoomInOutlined
ZoomOutOutlined
Examples
Basic
Custom Icon
Icon Lists
Copyright © 2020-2021 Rhys Xia