Icon 图标

WARNING

vue3-ui 底层图标采用 IconPark

图标集合

Reduce	Square	Share	CheckCorrect	CloseOne
CloseSmall	Caution	Attention	Info	Like
DislikeTwo	Checkbox	ShareTwo	Check	CheckOne
Plus	Minus	ReduceOne	LoadingOne	ZoomIn
ZoomOut	Search	EditTwo	Gift	Navigation
Pic	PreviewOpen	PreviewClose	PreviewCloseOne	Down
Up	Left	Right	ArrowUp	ArrowDown
ArrowLeft	ArrowRight	ArrowLeftDown	ArrowLeftUp	ArrowRightDown
ArrowRightUp	ToTop	ToBottom	ToLeft	ToRight
MenuUnfold	Login	Logout	Send	Upload
Code	TwoDimensionalCode	dollar	AddOne	User
AddUser	ReduceUser	ShoppingCart	Translate	Delete
Power	ListCheckbox	Message	MessageUnread	MessageOne
Lock	Unlock	Link	LinkTwo	Pin
Drag	VolumeUp	VolumeDown	VolumeMute	Refresh
TagOne	Tag	Star	Home	Male
Female	More	MoreOne	MoreTwo	Rss
Save	Tool	Setting	Upload	Copy
Redo	Undo	Close

自定义图标

API

Icon Props

参数名	说明	类型	可选值	默认值	是否必填
type	图标类型	string	图标集合		是
theme	图标主题	string	'outline' / 'filled' / 'two-tone' / 'multi-color'	'outline'
size	图标大小（width=height）	number		'1em'
spin	是否转动	boolean		false
fill	图标颜色	string / string[]		'currentColor'
strokeLinecap	同 svg 的 stroke-linecap 属性	string	'butt' / 'round' / 'square'	'round'
strokeLinejoin	同 svg 的 stroke-linejoin 属性	string	'miter' / 'round' / 'bevel'	'round'
strokeWidth	同 svg 的 stroke-width 属性	number		4