Installation
Vuesax alpha provides a set of common icons.
Copied
npm
yarn
pnpm
npm install @vuesax-alpha/icons-vue
Icons
Register All Icons
You can change icon name
// main.ts
import * as VuesaxAlphaIconsVue from '@vuesax-alpha/icons-vue'
const app = createApp(App)
for (const [key, component] of Object.entries(VuesaxAlphaIconsVue)) {
app.component(`VsIcon${key}`, component)
}
Example
Code Copied
Icon Collection
Copy SVG
Copy Icon
A3DCubeScan
A3DCubeScanBold
AddCircle
AlarmBold
Aquarius
AquariusBold
ArchiveTick
ArchiveTickBold
ArrowBottom
ArrowBottomBold
ArrowLeft
ArrowLeftBold
ArrowRight
ArrowRightBold
ArrowUp
ArrowUpBold
Backward
Backward10Seconds
Backward15Seconds
Backward5Seconds
Bank
BankBold
BatteryEmpty
BatteryEmpty2
BatteryEmpty2Bold
BatteryEmptyBold
Bell
BellBing
BellBingBold
BellBold
Box
BoxAdd
BoxAddBold
BoxBold
BoxRemove
BoxRemoveBold
BoxTick
BoxTickBold
BoxTime
BoxTimeBold
Building
Building3
Building3Bold
Building4
Building4Bold
BuildingBold
Buildings
Buildings2
Buildings2Bold
BuildingsBold
Buliding
BulidingBold
Camera
CameraBold
Category
CategoryBold
CheckBold
ChevronDown
ChevronDownBold
ChevronLeft
ChevronLeftBold
ChevronLeftDouble
ChevronRight
ChevronRightBold
ChevronRightDouble
ChevronUp
ChevronUpBold
Clipboard
ClipboardBold
CloseCircle
CloseCircleBold
CloseSquare
CloseSquareBold
Code
CodeBold
CodeCircle
CodeCircleBold
Command
CommandBold
CommandSquare
CommandSquareBold
Convert3DCube
Convert3DCubeBold
Courthouse
CourthouseBold
Data
Data2
Data2Bold
DataBold
Directbox
DirectboxBold
DirectboxNotif
DirectboxNotifBold
DirectboxReceive
DirectboxReceiveBold
DirectboxSend
DirectboxSendBold
Dislike
DislikeBold
Document
DocumentBold
DocumentCode
DocumentCode2
DocumentCode2Bold
DocumentCodeBold
DocumentUpload
DocumentUploadBold
Download
DownloadBold
Eye
EyeBold
EyeSlash
EyeSlashBold
FingerCricleBold
FingerScanBold
Folder
Folder2
Folder2Bold
FolderBold
FolderCloud
FolderCloudBold
FolderCross
FolderCrossBold
FolderFavorite
FolderFavoriteBold
FolderMinus
FolderMinusBold
FolderOpen
FolderOpenBold
FolderPlus
FolderPlusBold
Forward
Forward10Seconds
Forward15Seconds
Forward5Seconds
FrameBold
Gallery
GalleryBold
GalleryEdit
GalleryEditBold
GalleryExport
GalleryExportBold
GalleryFavorite
GalleryFavoriteBold
GalleryImport
GalleryImportBold
GalleryPlus
GalleryPlusBold
GalleryRemove
GalleryRemoveBold
GallerySlash
GallerySlashBold
GalleryTick
GalleryTickBold
Gemini
Gemini2
Gemini2Bold
GeminiBold
Global
GlobalBold
Grid
GridBold
Hashtag
HashtagBold
HashtagDown
HashtagDownBold
HashtagUp
HashtagUpBold
Heart
HeartBold
Hierarchy
Hierarchy2
Hierarchy2Bold
Hierarchy3
Hierarchy3Bold
HierarchyBold
HierarchySquare
HierarchySquare2
HierarchySquare2Bold
HierarchySquare3
HierarchySquare3Bold
HierarchySquareBold
Home
Home2
Home2Bold
HomeBold
Hospital
HospitalBold
House
House2
House2Bold
HouseBold
Image
ImageBold
Key
KeyBold
KeySquareBold
Like
LikeBold
LikeTag
LikeTagBold
Location
LocationBold
Lock1Bold
LockBold
LockCircleBold
LockSlashBold
Login
LoginBold
Logout
LogoutBold
Man
ManBold
Menu
MenuBold
MessageAdd
MessageAddBold
MessageCircle
MessageCircleBold
MessageEdit
MessageEditBold
MessageProgramming
MessageProgrammingBold
MessageQuestion
MessageQuestionBold
MessageSquare
MessageSquareBold
Messages
MessagesBold
Microphone
Microphone2
Microphone2Bold
Microphone2Slash
Microphone2SlashBold
MicrophoneBold
MicrophoneSlash
MicrophoneSlashBold
Minus
MinusBold
MinusCirlceBold
MinusSquare
MinusSquareBold
MobileProgramming
MobileProgrammingBold
MoreSquare
MoreSquareBold
MusicCircle
MusicFilter
MusicPlaylist
Next
Notification
NotificationBold
NotificationCircle
NotificationCircleBold
NotificationFavorite
NotificationFavoriteBold
NotificationStatus
NotificationStatusBold
PasswordCheckBold
Pause
PauseCircle
PlayAdd
PlayCricle
PlayRemove
Plus
PlusBold
PlusCircle
PlusCircleBold
PlusSquare
PlusSquareBold
Previous
ProgrammingArrow
ProgrammingArrowBold
ProgrammingArrows
ProgrammingArrowsBold
Radar
RadarBold
Radio
Sagittarius
SagittariusBold
ScanBarcodeBold
ScanBold
ScannerBold
ScanningBold
Scissor
Screenmirroring
ScreenmirroringBold
Scroll
SearchBold
SearchFavorite1Bold
SearchFavoriteBold
SearchNormal1Bold
SearchStatus1Bold
SearchStatusBold
SearchZoomIn1Bold
SearchZoomInBold
SearchZoomOut1Bold
SearchZoomOutBold
Security
SecurityBold
SecuritySafe
SecuritySafeBold
SecurityUserBold
Send
Send2
Send2Bold
SendBold
Setting
SettingBold
ShieldCrossBold
ShieldSearchBold
ShieldSecurityBold
ShieldSlashBold
ShieldTickBold
SidebarBottom
SidebarBottomBold
SidebarLeft
SidebarLeftBold
SidebarRight
SidebarRightBold
SidebarTop
SidebarTopBold
Sms
SmsBold
SmsEdit
SmsEditBold
SmsNotification
SmsNotificationBold
SmsSearch
SmsSearchBold
SmsStar
SmsStarBold
SmsTracking
SmsTrackingBold
StarBold
Start
StopCircleBold
TagCross
TagCrossBold
Terminal
TerminalBold
TickCircle
TickCircleBold
TickSquare
TickSquareBold
Trash
TrashBold
UnlockBold
Upload
UploadBold
User
UserBold
Video
VideoBold
VideoCircle
VideoCircleBold
VideoSlash
VideoSlashBold
VideoSquare
VideoSquareBold
VolumeCross
VolumeCrossBold
VolumeDown
VolumeDownBold
VolumeHighBold
VolumeLow
VolumeLowBold
VolumeMute
VolumeMuteBold
VolumeSlash
VolumeSlashBold
VolumeUp
VolumeUpBold
Woman
WomanBold