dls-icons-react

dls-icons-react

Installation

npm i -D dls-icons-react

Usage

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>
  )
}

Available Icons

IconAbstract	IconAlignCenter	IconAlignLeft	IconAlignRight	IconAnticlockwise
IconArrowDown	IconArrowLeft	IconArrowRight	IconArrowToBottom	IconArrowToTop
IconArrowUp	IconAsterisk	IconAttribute	IconAudio	IconBackground
IconBarChart	IconBarChartAlt	IconBold	IconBook	IconBookmark
IconBooksBookmark	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	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	IconFilter	IconFilterSolid	IconFlag
IconFolder	IconFolderOpen	IconGateway	IconHamburger	IconHeadphones
IconHeart	IconHeartCancel	IconHeartSolid	IconHierarchy	IconHome
IconIdCard	IconIdCardBack	IconImage	IconImageAdd	IconIndent
IconInfoCircle	IconInfoCircleSolid	IconIntelligence	IconItalic	IconLayer
IconLineChart	IconLink	IconLinkAlt	IconLoading	IconLocation
IconLocationCopy	IconLock	IconLongVideo	IconMarket	IconMediaAdd
IconMenu	IconMiniAppBaidu	IconMinimize	IconMinus	IconMinusCircle
IconMobileApp	IconMotionGraphics	IconMove	IconMusic	IconMute
IconOneToOne	IconOutdent	IconOutstanding	IconPaperClip	IconPaperPlane
IconPause	IconPauseCircle	IconPencil	IconPlay	IconPlayCircle
IconPlus	IconPlusCircle	IconPlusSquare	IconPlusSquareSolid	IconPowerOff
IconPuzzlePiece	IconPvShield	IconQrcode	IconQuestionCircle	IconQuestionCircleSolid
IconQuestionComment	IconRecommendation	IconRedo	IconReport	IconReportCheck
IconRoad	IconSave	IconScan	IconSearch	IconSearchDesktop
IconSearchHistory	IconSettings	IconShare	IconShortVideo	IconShrink
IconSignOut	IconSort	IconSortAlt	IconSortAsc	IconSortDesc
IconSquareRotation	IconStar	IconStarSolid	IconStop	IconStrikethrough
IconSync	IconTag	IconTelephone	IconTemplate	IconTextSquare
IconThumbDown	IconThumbDownSolid	IconThumbUp	IconThumbUpSolid	IconTimes
IconTimesCircle	IconTimesCircleSolid	IconToolbox	IconTrash	IconTrendDesktop
IconTrendMonitor	IconUnderline	IconUndo	IconUnlock	IconUpload
IconUploadDesktop	IconUser	IconUserBookmark	IconUserCircle	IconUserCombined
IconUserFilter	IconUserIntersection	IconUserLabel	IconUserMobile	IconUserSearch
IconUserSync	IconUserTieba	IconVideo	IconVideoAdd	IconVolume
IconWhirlpool	IconZoomIn	IconZoomOut