# Icon 图标
['fal', 'arrow-up']
['fal', 'arrow-down']
['fal', 'arrow-left']
['fal', 'arrow-right']
['fal', 'chevron-up']
['fal', 'chevron-down']
['fal', 'chevron-left']
['fal', 'chevron-right']
['fal', 'caret-up']
['fal', 'caret-down']
['fal', 'caret-left']
['fal', 'caret-right']
['fal', 'plus']
['fal', 'minus']
['fal', 'check']
['fal', 'times']
['fal', 'clock']
['fal', 'lock']
['fal', 'star']
['fal', 'ban']
['fal', 'bullhorn']
['fal', 'check-circle']
['fal', 'check-square']
['fal', 'cloud']
['fal', 'cloud-download']
['fal', 'cloud-upload']
['fal', 'copy']
['fal', 'cut']
['fal', 'database']
['fal', 'dot-circle']
['fal', 'download']
['fal', 'ellipsis-v']
['fal', 'ellipsis-h']
['fal', 'external-link']
['fal', 'file-export']
['fal', 'file-import']
['fal', 'flag']
['fal', 'hashtag']
['fal', 'i-cursor']
['fal', 'cog']
['fal', 'star-half']
['fal', 'grin-alt']
['fal', 'wifi']
['fal', 'volume']
['fal', 'bookmark']
['fal', 'bell']
['fal', 'comment-alt-exclamation']
['fal', 'comment-exclamation']
['fal', 'exclamation-square']
['fal', 'exclamation-circle']
['fal', 'exclamation-triangle']
['fal', 'user']
['fal', 'password']
['fal', 'eye']
['fal', 'eye-slash']
['fal', 'edit']
['fal', 'trash-alt']
['fal', 'comments']
['fal', 'heart']
['fal', 'thumbs-up']
['fal', 'calendar']
['fal', 'chart']
['fal', 'paste']
['fal', 'pen']
['fal', 'phone']
['fal', 'phone-office']
['fal', 'percent']
['fal', 'paperclip']
['fal', 'landmark']
['fal', 'folder-plus']
['fal', 'folder-minus']
['fal', 'eraser']
['fal', 'compass']
['fal', 'clipboard']
['fal', 'address-book']
['fal', 'camera']
['fal', 'bolt']
['fal', 'clone']
['fal', 'expand']
['fal', 'file-image']
['fal', 'image']
['fal', 'images']
['fal', 'code']
['fal', 'bug']
['fal', 'coffee']
['fal', 'brackets']
['fal', 'barcode']
['fal', 'file']
['fal', 'file-alt']
['fal', 'filter']
['fal', 'folder-open']
['fal', 'keyboard']
['fal', 'laptop-code']
['fal', 'microchip']
['fal', 'shield-check']
['fal', 'terminal']
['fal', 'user-secret']
['fal', 'window-alt']
['fal', 'underline']
['fal', 'envelope']
['fal', 'phone']
['fal', 'map-marker-alt']
['fal', 'alien-monster']
['fal', 'gamepad']
['fal', 'ghost']
['fal', 'steam']
['fal', 'chess-knight']
['fal', 'club']
['fal', 'dice-four']
['fal', 'headset']
['fas', 'arrow-up']
['fas', 'arrow-down']
['fas', 'arrow-left']
['fas', 'arrow-right']
['fas', 'chevron-up']
['fas', 'chevron-down']
['fas', 'chevron-left']
['fas', 'chevron-right']
['fas', 'caret-up']
['fas', 'caret-down']
['fas', 'caret-left']
['fas', 'caret-right']
['fas', 'plus']
['fas', 'minus']
['fas', 'check']
['fas', 'times']
['fas', 'clock']
['fas', 'lock']
['fas', 'star']
['fas', 'ban']
['fas', 'bullhorn']
['fas', 'check-circle']
['fas', 'check-square']
['fas', 'cloud']
['fas', 'cloud-download']
['fas', 'cloud-upload']
['fas', 'copy']
['fas', 'cut']
['fas', 'database']
['fas', 'dot-circle']
['fas', 'download']
['fas', 'ellipsis-v']
['fas', 'ellipsis-h']
['fas', 'external-link']
['fas', 'file-export']
['fas', 'file-import']
['fas', 'flag']
['fas', 'hashtag']
['fas', 'i-cursor']
['fas', 'cog']
['fas', 'star-half']
['fas', 'grin-alt']
['fas', 'wifi']
['fas', 'volume']
['fas', 'bookmark']
['fas', 'bell']
['fas', 'comment-alt-exclamation']
['fas', 'comment-exclamation']
['fas', 'exclamation-square']
['fas', 'exclamation-circle']
['fas', 'exclamation-triangle']
['fas', 'user']
['fas', 'password']
['fas', 'eye']
['fas', 'eye-slash']
['fas', 'edit']
['fas', 'trash-alt']
['fas', 'comments']
['fas', 'heart']
['fas', 'thumbs-up']
['fas', 'calendar']
['fas', 'chart']
['fas', 'paste']
['fas', 'pen']
['fas', 'phone']
['fas', 'phone-office']
['fas', 'percent']
['fas', 'paperclip']
['fas', 'landmark']
['fas', 'folder-plus']
['fas', 'folder-minus']
['fas', 'eraser']
['fas', 'compass']
['fas', 'clipboard']
['fas', 'address-book']
['fas', 'camera']
['fas', 'bolt']
['fas', 'clone']
['fas', 'expand']
['fas', 'file-image']
['fas', 'image']
['fas', 'images']
['fas', 'code']
['fas', 'bug']
['fas', 'coffee']
['fas', 'brackets']
['fas', 'barcode']
['fas', 'file']
['fas', 'file-alt']
['fas', 'filter']
['fas', 'folder-open']
['fas', 'keyboard']
['fas', 'laptop-code']
['fas', 'microchip']
['fas', 'shield-check']
['fas', 'terminal']
['fas', 'user-secret']
['fas', 'window-alt']
['fas', 'underline']
['fas', 'envelope']
['fas', 'phone']
['fas', 'map-marker-alt']
['fas', 'alien-monster']
['fas', 'gamepad']
['fas', 'ghost']
['fas', 'steam']
['fas', 'chess-knight']
['fas', 'club']
['fas', 'dice-four']
['fas', 'headset']
['fab', 'xbox']
['fab', 'android']
['fab', 'internet-explorer']
['fab', 'apple']
['fab', 'windows']
['fab', 'github']
['fab', 'google']
['fab', 'amazon']
['fab', 'linkedin']
['fab', 'gitlab']
<template>
<div>
<MantTooltip
v-for="icon in icons"
:title="`['fal', '${icon}']`">
<MantIcon
:icon="['fal', icon]"
style="margin: 10px"
/>
</MantTooltip>
<hr />
<MantTooltip
v-for="icon in icons"
:title="`['fas', '${icon}']`">
<MantIcon
:icon="['fas', icon]"
style="margin: 10px"
/>
</MantTooltip>
<hr />
<MantTooltip
v-for="icon in brands"
:title="`['fab', '${icon}']`">
<MantIcon
:icon="['fab', icon]"
style="margin: 10px"
/>
</MantTooltip>
</div>
</template>
<script>
export default {
data() {
return {
brands: [
'xbox',
'android',
'internet-explorer',
'apple',
'windows',
'github',
'google',
'amazon',
'linkedin',
'gitlab'
],
icons: [
'arrow-up',
'arrow-down',
'arrow-left',
'arrow-right',
'chevron-up',
'chevron-down',
'chevron-left',
'chevron-right',
'caret-up',
'caret-down',
'caret-left',
'caret-right',
'plus',
'minus',
'check',
'times',
'clock',
'lock',
'star',
'ban',
'bullhorn',
'check-circle',
'check-square',
'cloud',
'cloud-download',
'cloud-upload',
'copy',
'cut',
'database',
'dot-circle',
'download',
'ellipsis-v',
'ellipsis-h',
'external-link',
'file-export',
'file-import',
'flag',
'hashtag',
'i-cursor',
'cog',
'star-half',
'grin-alt',
'wifi',
'volume',
'bookmark',
'bell',
'comment-alt-exclamation',
'comment-exclamation',
'exclamation-square',
'exclamation-circle',
'exclamation-triangle',
'user',
'password',
'eye',
'eye-slash',
'edit',
'trash-alt',
'comments',
'heart',
'thumbs-up',
'calendar',
'chart',
'paste',
'pen',
'phone',
'phone-office',
'percent',
'paperclip',
'landmark',
'folder-plus',
'folder-minus',
'eraser',
'compass',
'clipboard',
'address-book',
'camera',
'bolt',
'clone',
'expand',
'file-image',
'image',
'images',
'code',
'bug',
'coffee',
'brackets',
'barcode',
'file',
'file-alt',
'filter',
'folder-open',
'keyboard',
'laptop-code',
'microchip',
'shield-check',
'terminal',
'user-secret',
'window-alt',
'underline',
'envelope',
'phone',
'map-marker-alt',
'alien-monster',
'gamepad',
'ghost',
'steam',
'chess-knight',
'club',
'dice-four',
'headset',
]
}
}
}
</script>
Expand Copy Copy