1. dls-icons-data
Icon data for DLS icons.
dls-icons-data
Package: dls-icons-data
Last modified: Thu, 18 Apr 2024 01:50:33 GMT
Version: 3.36.1
License: MIT
Downloads: 274

Install

npm install dls-icons-data
yarn add dls-icons-data

dls-icons-data

安装

 npm i -D dls-icons-data

使用

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

/*
{
  {
    name: 'icon-arrow-right',
    content: '<path d="..." ...',
    width: 24,
    height: 24
  }
}
*/
console.log(dataArrowRight)

图标元数据

 import meta from 'dls-icons-data/meta.json'

/*
{
  "slug": "abstract",
  "category": "生活类",
  "desc": "抽象",
  "descPinyin": "chouxiang",
  "deprecated": false,
  "type": "outline", // "outline" | "solid"
  "colorType": "monocolor" // "monocolor" | "multicolor"
}
*/
console.log(meta['IconAbstract'])

可用图标


dataAbTest

dataAbTestSolid

dataAbstract

dataAbstractSolid

dataAcademicCap

dataAcademicCapSolid

dataAdDeliveryCircleSolid

dataAddPauseSquare

dataAfterSquare

dataAfterSquareSolid

dataAi

dataAlignBottom

dataAlignCenter

dataAlignLeft

dataAlignRight

dataAlignTop

dataAndroid

dataAnticlockwise

dataAppStore

dataApps

dataAppsSettings

dataAppsSettingsSolid

dataAppsSolid

dataArrowCurveDownRightSolid

dataArrowCurveUpRightSolid

dataArrowDown

dataArrowDownLeft

dataArrowDownSolid

dataArrowLeft

dataArrowLeftSolid

dataArrowRight

dataArrowRightSolid

dataArrowToBottom

dataArrowToTop

dataArrowToTopSoild

dataArrowToTopSolid

dataArrowUUpLeft

dataArrowUUpRight

dataArrowUp

dataArrowUpSolid

dataAsterisk

dataAttribute

dataAttributeSolid

dataAudio

dataAudioSolid

dataBabyBottle

dataBabyBottleSolid

dataBackground

dataBackgroundSolid

dataBackgroundSwitchSolid

dataBarChart

dataBarChartAlt

dataBarChartAltSolid

dataBarChartSolid

dataBarChartSquare

dataBarChartSquareSolid

dataBeforeSquare

dataBeforeSquareSolid

dataBell

dataBellSolid

dataBold

dataBook

dataBookBookmark

dataBookBookmarkSolid

dataBookOpen

dataBookSolid

dataBookmark

dataBookmarkSolid

dataBooksBookmark

dataBooksBookmarkSolid

dataBox

dataBoxSolid

dataBuilding

dataBuildingSolid

dataBulb

dataBulbDash

dataBulbDashSolid

dataBulbSolid

dataBullseye

dataBullseyeHit

dataBullseyeHitSolid

dataCalendar

dataCalendarCny

dataCalendarCnySolid

dataCalendarHeart

dataCalendarHeartSolid

dataCalendarSolid

dataCamera

dataCameraAdd

dataCameraAddSolid

dataCameraSolid

dataCar

dataCarSolid

dataCaretDown

dataCaretLeft

dataCaretRight

dataCaretUp

dataCaretsOpposite

dataCellphone

dataCellphoneSolid

dataChat

dataChatSolid

dataCheck

dataCheckCircle

dataCheckCircleSolid

dataCheckDesktop

dataCheckDesktopSolid

dataCheckSquare

dataCheckSquareSolid

dataChevronDoubleDown

dataChevronDoubleLeft

dataChevronDoubleRight

dataChevronDoubleUp

dataChevronDown

dataChevronLeft

dataChevronRight

dataChevronRightCircle

dataChevronRightCircleSolid

dataChevronUp

dataCircleExtend

dataCircleExtendSolid

dataCircleRotation

dataCircleRotationSolid

dataClock

dataClockSolid

dataClockwise

dataCloudUploadSolid

dataCnyCircle

dataCnyCircleSolid

dataCnyRefund

dataCnyWallet

dataCnyWalletSolid

dataCoin

dataCoinDiamond

dataCoinDiamondSolid

dataCoinSolid

dataColorPalette

dataColorPaletteSolid

dataCompass

dataCompassSolid

dataComponent

dataComponentSolid

dataCopy

dataCopySolid

dataCouponMinus

dataCouponMinusSolid

dataCouponPercent

dataCouponPercentSolid

dataCrop

dataCropSolid

dataCrown

dataCrownSolid

dataCube

dataCubeEye

dataCubeEyeSolid

dataCubeSolid

dataCurveSquare

dataCurveSquareSolid

dataCustomer

dataCustomerService

dataCustomerSettings

dataCustomerSettingsSolid

dataCustomerSolid

dataCut

dataCutSolid

dataData

dataDataMarket

dataDataMarketSolid

dataDataSolid

dataDatabase

dataDatabaseSolid

dataDecreaseWidth

dataDesktop

dataDesktopSolid

dataDetailList

dataDetailListSolid

dataDiamond

dataDiamondSolid

dataDollarCircle

dataDollarCircleSolid

dataDoubleCircle

dataDoubleCircleSolid

dataDownload

dataDragIndicator

dataEdit

dataEditSolid

dataElement

dataElementSolid

dataEllipsis

dataEllipsisCircle

dataEllipsisCircleSolid

dataEllipsisVertical

dataEnglishComment

dataEnglishCommentSolid

dataEnvelope

dataEnvelopeOpen

dataEnvelopeOpenSolid

dataEnvelopeSolid

dataExcellentBookmark

dataExcellentBookmarkSolid

dataExclamationCircle

dataExclamationCircleSolid

dataExclamationTriangle

dataExclamationTriangleSolid

dataExpand

dataExpandAlt

dataExpandSquare

dataExpandSquareSolid

dataExternalLink

dataEye

dataEyeBright

dataEyeBrightSolid

dataEyeSlash

dataEyeSlashSolid

dataEyeSolid

dataEyeTracking

dataEyeTrackingSolid

dataEyedropper

dataFastForward

dataFastRewind

dataFeed

dataFeedSolid

dataFeedbackSolid

dataFile

dataFileAdd

dataFileAddSolid

dataFileEdit

dataFileEditSolid

dataFileError

dataFileErrorSolid

dataFileSolid

dataFilm

dataFilmSolid

dataFilter

dataFilterSolid

dataFireSolid

dataFitWidth

dataFlag

dataFlagSolid

dataFolder

dataFolderDownload

dataFolderDownloadSolid

dataFolderOpen

dataFolderOpenSolid

dataFolderSolid

dataFont

dataFontSize

dataFourDots

dataFourQuarterCircles

dataFourQuarterCirclesSolid

dataFrowningFace

dataFrowningFaceSolid

dataFullCircle

dataFullCircleSolid

dataFullscreen

dataFullscreenExit

dataGallery

dataGallerySolid

dataGamepad

dataGamepadSolid

dataGateway

dataGatewaySolid

dataGift

dataGiftSolid

dataGirl

dataGirlSolid

dataGradeCircle

dataGradeCircleSolid

dataHamburger

dataHammerSolid

dataHeadphones

dataHeadphonesSolid

dataHeart

dataHeartCancel

dataHeartCancelSolid

dataHeartHandshakeSolid

dataHeartSolid

dataHeteronymSquare

dataHierarchy

dataHierarchySolid

dataHighSquare

dataHighSquareSolid

dataHome

dataHomeAltSolid

dataHomeSolid

dataHospital

dataHospitalSolid

dataHourglass

dataHourglassSolid

dataHouse

dataHouseSolid

dataIdCard

dataIdCardBack

dataIdCardBackSolid

dataIdCardSolid

dataIdCircle

dataImage

dataImageAdd

dataImageDesktopSolid

dataImageSolid

dataImageStarSolid

dataImageUpload

dataImport

dataIndent

dataInfoCircle

dataInfoCircleSolid

dataInfoflow

dataIntelligence

dataIntelligenceSolid

dataIntelligentPrompt

dataInvoice

dataInvoiceSolid

dataItalic

dataKeyCommand

dataKeyDelete

dataKeyShift

dataKeyboard

dataLandingPageSolid

dataLayer

dataLayerSolid

dataLayout

dataLayoutSolid

dataLetterSpacing

dataLineChart

dataLineChartAlt

dataLineChartAltSolid

dataLineChartSolid

dataLineHeight

dataLink

dataLinkAlt

dataLinkAltSolid

dataListChecked

dataListOrdered

dataListUnordered

dataLoading

dataLocation

dataLocationCopy

dataLocationCopySolid

dataLocationPin

dataLocationPinSolid

dataLocationSolid

dataLock

dataLockSolid

dataLongVideo

dataLongVideoSolid

dataLowSquare

dataLowSquareSolid

dataMagicWand

dataMagicWandSolid

dataMagnet

dataMagnetSolid

dataMarket

dataMarketSolid

dataMediaAdd

dataMediumSquare

dataMediumSquareSolid

dataMigrate

dataMigrateSolid

dataMiniAppBaidu

dataMiniAppBaiduSolid

dataMiniAppWechat

dataMinimize

dataMinus

dataMinusCircle

dataMinusCircleSolid

dataMobileApp

dataMobileAppSolid

dataMotionGraphics

dataMove

dataMovieSolid

dataMusic

dataMusicSolid

dataMute

dataMuteSolid

dataNeutralFace

dataNeutralFaceSolid

dataOneToOne

dataOneToOneSolid

dataOrder

dataOrderSolid

dataOutdent

dataOutstanding

dataOutstandingSolid

dataPackageUpload

dataPackageUploadSolid

dataPaintBucket

dataPaintBucketSolid

dataPaperClip

dataPaperPlane

dataPaperPlaneSolid

dataPaste

dataPasteImageSolid

dataPasteSolid

dataPath

dataPathSolid

dataPause

dataPauseCircle

dataPauseCircleSolid

dataPenWrite

dataPenWriteSolid

dataPencil

dataPencilSolid

dataPhone

dataPhoneCall

dataPhoneCallSolid<

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin