README
dls-icons-vue-3
Installation
npm i -D dls-icons-vue-3
Usage
As Vue component
<template>
<div class="title">
<h1>
Hello Icons
<icon-arrow-right style="{ color: '#999', marginLeft: '5px' }" />
</h1>
</div>
</template>
<script>
import { IconArrowRight } from 'dls-icons-vue-3'
export default {
components: {
IconArrowRight
}
}
</script>
As icon data
import { dataArrowRight } from 'dls-icons-vue-3'
/*
{
{
name: 'icon-arrow-right',
content: '<path d="..." ...',
width: 24,
height: 24
}
}
*/
console.log(dataArrowRight)
Available Icons
IconAbTest | IconAbstract | IconAcademicCap | IconAlignBottom | IconAlignCenter |
IconAlignLeft | IconAlignRight | IconAlignTop | IconAnticlockwise | IconApps |
IconAppsSettings | IconArrowDown | IconArrowDownSolid | IconArrowLeft | IconArrowLeftSolid |
IconArrowRight | IconArrowRightSolid | IconArrowToBottom | IconArrowToTop | IconArrowToTopSoild |
IconArrowUp | IconArrowUpSolid | IconAsterisk | IconAttribute | IconAudio |
IconBabyBottle | IconBackground | IconBarChart | IconBarChartAlt | IconBell |
IconBold | IconBook | IconBookmark | IconBooksBookmark | IconBox |
IconBuilding | IconBulb | IconBullseye | IconBullseyeHit | IconCalendar |
IconCalendarHeart | IconCamera | IconCameraAdd | IconCar | IconCaretDown |
IconCaretLeft | IconCaretRight | IconCaretUp | IconCellphone | IconChat |
IconCheck | IconCheckCircle | IconCheckCircleSolid | IconCheckDesktop | IconCheckSquare |
IconCheckSquareSolid | IconChevronDoubleDown | IconChevronDoubleLeft | IconChevronDoubleRight | IconChevronDoubleUp |
IconChevronDown | IconChevronLeft | IconChevronRight | IconChevronRightCircle | IconChevronRightCircleSolid |
IconChevronUp | IconCircleExtend | IconClock | IconClockSolid | IconClockwise |
IconCnyCircle | IconCoin | IconColorPalette | IconCompass | IconComponent |
IconCopy | IconCrop | IconCrown | IconCustomerService | IconCut |
IconData | IconDataMarket | IconDatabase | IconDesktop | IconDiamond |
IconDollarCircle | IconDoubleCircle | IconDownload | IconDragIndicator | IconEdit |
IconElement | IconEllipsis | IconEllipsisCircle | IconEllipsisCircleSolid | IconEllipsisVertical |
IconEnglishComment | IconEnvelope | IconEnvelopeOpen | IconExclamationCircle | IconExclamationCircleSolid |
IconExpand | IconExpandSquare | IconExternalLink | IconEye | IconEyeBright |
IconEyeSlash | IconEyeTracking | IconEyedropper | IconFeed | IconFeedbackSolid |
IconFile | IconFileAdd | IconFileEdit | IconFileError | IconFilm |
IconFilter | IconFilterSolid | IconFlag | IconFolder | IconFolderOpen |
IconFont | IconFontSize | IconFourDots | IconFourQuarterCircles | IconFullCircle |
IconGamepad | IconGateway | IconGift | IconGirl | IconGradeCircle |
IconHamburger | IconHeadphones | IconHeart | IconHeartCancel | IconHeartSolid |
IconHierarchy | IconHighSquare | IconHome | IconHospital | IconHouse |
IconIdCard | IconIdCardBack | IconImage | IconImageAdd | IconIndent |
IconInfoCircle | IconInfoCircleSolid | IconInfoflow | IconIntelligence | IconItalic |
IconLayer | IconLetterSpacing | IconLineChart | IconLineChartAlt | IconLineHeight |
IconLink | IconLinkAlt | IconListChecked | IconListOrdered | IconListUnordered |
IconLoading | IconLocation | IconLocationCopy | IconLocationPin | IconLock |
IconLongVideo | IconLowSquare | IconMagicWand | IconMagicWandSolid | IconMarket |
IconMediaAdd | IconMediumSquare | IconMigrate | IconMiniAppBaidu | IconMinimize |
IconMinus | IconMinusCircle | IconMobileApp | IconMotionGraphics | IconMove |
IconMusic | IconMute | IconOneToOne | IconOrder | IconOutdent |
IconOutstanding | IconPaintBucket | IconPaperClip | IconPaperPlane | IconPaste |
IconPath | IconPause | IconPauseCircle | IconPauseCircleSolid | IconPencil |
IconPhone | IconPieChart | IconPlay | IconPlayCircle | IconPlus |
IconPlusCircle | IconPlusSquare | IconPlusSquareSolid | IconPowerOff | IconPuzzlePiece |
IconPvShield | IconQrcode | IconQualityCircle | IconQuestionCircle | IconQuestionCircleSolid |
IconQuestionComment | IconRecommendSquare | IconRecommendation | IconRedo | IconReport |
IconReportCheck | IconRoad | IconRotateAnticlockwise | IconRotateClockwise | IconSave |
IconScan | IconSearch | IconSearchDesktop | IconSearchHistory | IconSettings |
IconShare | IconShieldCheck | IconShoppingBag | IconShoppingCart | IconShortVideo |
IconShrink | IconSignOut | IconSlidersSquare | IconSmiley | IconSort |
IconSortAlt | IconSortAsc | IconSortDesc | IconSquareRotation | IconStar |
IconStarDash | IconStarDashSoild | IconStarHalf | IconStarSolid | IconStop |
IconStrikethrough | IconSync | IconTag | IconTagSolid | IconTelephone |
IconTemplate | IconTextSquare | IconThumbDown | IconThumbDownSolid | IconThumbUp |
IconThumbUpSolid | IconTimes | IconTimesCircle | IconTimesCircleSolid | IconToolbox |
IconTrash | IconTreasureChest | IconTrendDesktop | IconTrendMonitor | IconTrendPages |
IconTrophy | IconTruck | IconTruckSolid | IconTv | IconTwoHearts |
IconUnderline | IconUndo | IconUnlink | IconUnlock | IconUpgrade |
IconUpload | IconUploadDesktop | IconUser | IconUserBookmark | IconUserCircle |
IconUserCircleSolid | IconUserCombined | IconUserFilter | IconUserIntersection | IconUserLabel |
IconUserMobile | IconUserSearch | IconUserSync | IconUserTieba | IconVideo |
IconVideoAdd | IconVideoCrop | IconVideoFilm | IconVideoHistory | IconVolume |
IconWhirlpool | IconYingxiaotong | IconZoomIn | IconZoomOut |