@arksjs/ui-icons
SVG Sprite based Icons
Usage
Install
npm i -S @arksjs/ui-icons arkui-mobile-vue
In Vue
<script setup>
import { Icon } from 'arkui-mobile-vue'
import '@arksjs/ui-icons'
</script>
<template>
<Icon :icon="BackspaceOutlined">
</template>
Collection of common icons:
IconName | Icon |
---|---|
BackspaceOutlined | |
BorderOutlined | |
CheckOutlined | |
CheckCircleOutlined | |
CheckSquareOutlined | |
CircleOutlined | |
CloseOutlined | |
CloseCircleOutlined | |
DeleteOutlined | |
DownOutlined | |
DownCircleOutlined | |
EditOutlined | |
ExclamationOutlined | |
ExclamationCircleOutlined | |
HeartOutlined | |
HomeOutlined | |
ImageOutlined | |
ImageBreakOutlined | |
InfoOutlined | |
InfoCircleOutlined | |
KeyboardOutlined | |
LeftOutlined | |
LoadingOutlined | |
ManOutlined | |
MenuOutlined | |
MinusOutlined | |
PlusOutlined | |
ReloadOutlined | |
RightOutlined | |
ScanOutlined | |
SearchOutlined | |
SettingOutlined | |
ShareAltOutlined | |
SoundOutlined | |
StarOutlined | |
StopOutlined | |
UpOutlined | |
UpCircleOutlined | |
UserOutlined | |
WomanOutlined | |
SunOutlined | |
MoonOutlined | |
CheckCircleFilled | |
CheckSquareFilled | |
CloseCircleFilled | |
HeartFilled | |
InfoCircleFilled | |
StarFilled | |
WarningFilled |