dls-icons-react

dls-icons-react

Installation

npm i -D dls-icons-react

Usage

As React component

import { IconArrowRight } from 'dls-icons-react'

export default function Title() {
  return (
    <div className="title">
      <h1>
        Hello Icons
        <IconArrowRight style={{ color: '#999', marginLeft: 5 }} />
      </h1>
    </div>
  )
}

As icon data

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

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

Available Icons

IconAbTest	IconAbstract	IconAlignCenter	IconAlignLeft	IconAlignRight
IconAnticlockwise	IconApps	IconAppsSettings	IconArrowDown	IconArrowDownSolid
IconArrowLeft	IconArrowLeftSolid	IconArrowRight	IconArrowRightSolid	IconArrowToBottom
IconArrowToTop	IconArrowUp	IconArrowUpSolid	IconAsterisk	IconAttribute
IconAudio	IconBackground	IconBarChart	IconBarChartAlt	IconBell
IconBold	IconBook	IconBookmark	IconBooksBookmark	IconBulb
IconBullseye	IconBullseyeHit	IconCalendar	IconCamera	IconCaretDown
IconCaretLeft	IconCaretRight	IconCaretUp	IconCellphone	IconChat
IconCheck	IconCheckCircle	IconCheckCircleSolid	IconCheckDesktop	IconCheckSquare
IconCheckSquareSolid	IconChevronDoubleDown	IconChevronDoubleLeft	IconChevronDoubleRight	IconChevronDoubleUp
IconChevronDown	IconChevronLeft	IconChevronRight	IconChevronRightCircle	IconChevronRightCircleSolid
IconChevronUp	IconCircleExtend	IconClock	IconClockwise	IconCnyCircle
IconCoin	IconColorPalette	IconCompass	IconComponent	IconCopy
IconCrop	IconCut	IconData	IconDataMarket	IconDatabase
IconDesktop	IconDoubleCircle	IconDownload	IconEdit	IconElement
IconEllipsis	IconEllipsisCircle	IconEllipsisVertical	IconEnvelope	IconExclamationCircle
IconExclamationCircleSolid	IconExpand	IconExpandSquare	IconExternalLink	IconEye
IconEyeBright	IconEyeSlash	IconFeed	IconFile	IconFileAdd
IconFileEdit	IconFileError	IconFilm	IconFilter	IconFilterSolid
IconFlag	IconFolder	IconFolderOpen	IconFullSquare	IconGateway
IconGift	IconHamburger	IconHeadphones	IconHeart	IconHeartCancel
IconHeartSolid	IconHierarchy	IconHighSquare	IconHome	IconHospital
IconIdCard	IconIdCardBack	IconImage	IconImageAdd	IconIndent
IconInfoCircle	IconInfoCircleSolid	IconIntelligence	IconItalic	IconLayer
IconLineChart	IconLineChartAlt	IconLink	IconLinkAlt	IconLoading
IconLocation	IconLocationCopy	IconLock	IconLongVideo	IconLowSquare
IconMarket	IconMediaAdd	IconMediumSquare	IconMiniAppBaidu	IconMinimize
IconMinus	IconMinusCircle	IconMobileApp	IconMotionGraphics	IconMove
IconMusic	IconMute	IconOneToOne	IconOrder	IconOutdent
IconOutstanding	IconPaperClip	IconPaperPlane	IconPause	IconPauseCircle
IconPencil	IconPieChart	IconPlay	IconPlayCircle	IconPlus
IconPlusCircle	IconPlusSquare	IconPlusSquareSolid	IconPowerOff	IconPuzzlePiece
IconPvShield	IconQrcode	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	IconStarSolid
IconStop	IconStrikethrough	IconSync	IconTag	IconTelephone
IconTemplate	IconTextSquare	IconThumbDown	IconThumbDownSolid	IconThumbUp
IconThumbUpSolid	IconTimes	IconTimesCircle	IconTimesCircleSolid	IconToolbox
IconTrash	IconTreasureChest	IconTrendDesktop	IconTrendMonitor	IconTrendPages
IconUnderline	IconUndo	IconUnlock	IconUpload	IconUploadDesktop
IconUser	IconUserBookmark	IconUserCircle	IconUserCombined	IconUserFilter
IconUserIntersection	IconUserLabel	IconUserMobile	IconUserSearch	IconUserSync
IconUserTieba	IconVideo	IconVideoAdd	IconVideoCrop	IconVideoFilm
IconVideoHistory	IconVolume	IconWhirlpool	IconYingxiaotong	IconZoomIn
IconZoomOut