dls-icons-vue

Installation

npm i -D dls-icons-vue

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'

export default {
  components: {
    IconArrowRight
  }
}
</script>

As icon data

import { dataArrowRight } from 'dls-icons-vue'

/*
{
  {
    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