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
IconBarChartAlt	IconBarChart	IconBold	IconBook	IconBooksBookmark
IconBullseyeHit	IconBullseye	IconCalendar	IconCamera	IconCaretDown
IconCaretLeft	IconCaretRight	IconCaretUp	IconCellphone	IconChat
IconCheckCircleSolid	IconCheckCircle	IconCheckDesktop	IconCheckSquareSolid	IconCheckSquare
IconCheck	IconChevronDoubleDown	IconChevronDoubleLeft	IconChevronDoubleRight	IconChevronDoubleUp
IconChevronDown	IconChevronLeft	IconChevronRightCircleSolid	IconChevronRightCircle	IconChevronRight
IconChevronUp	IconCircleExtend	IconClock	IconClockwise	IconCnyCircle
IconColorPalette	IconCompass	IconComponent	IconCopy	IconCrop
IconCut	IconDataMarket	IconData	IconDatabase	IconDesktop
IconDoubleCircle	IconDownload	IconEdit	IconElement	IconEllipsisCircle
IconEllipsisVertical	IconEllipsis	IconEnvelope	IconExclamationCircleSolid	IconExclamationCircle
IconExpandSquare	IconExpand	IconExternalLink	IconEyeBright	IconEyeSlash
IconEye	IconFeed	IconFileAdd	IconFileEdit	IconFile
IconFilterSolid	IconFilter	IconFlag	IconFolderOpen	IconFolder
IconGateway	IconHamburger	IconHeadphones	IconHeartCancel	IconHeartSolid
IconHeart	IconHierarchy	IconHome	IconImageAdd	IconImage
IconIndent	IconInfoCircleSolid	IconInfoCircle	IconIntelligence	IconItalic
IconLayer	IconLineChart	IconLinkAlt	IconLink	IconLoading
IconLocationCopy	IconLocation	IconLock	IconLongVideo	IconMarket
IconMenu	IconMiniAppBaidu	IconMinimize	IconMinusCircle	IconMinus
IconMobileApp	IconMotionGraphics	IconMusic	IconMute	IconOneToOne
IconOutdent	IconOutstanding	IconPaperClip	IconPauseCircle	IconPause
IconPencil	IconPlayCircle	IconPlay	IconPlusCircle	IconPlusSquareSolid
IconPlusSquare	IconPlus	IconPowerOff	IconPuzzlePiece	IconPvShield
IconQrcode	IconQuestionCircleSolid	IconQuestionCircle	IconRecommendation	IconRedo
IconReportCheck	IconReport	IconRoad	IconSave	IconScan
IconSearchDesktop	IconSearchHistory	IconSearch	IconSettings	IconShare
IconShortVideo	IconShrink	IconSignOut	IconSortAlt	IconSortAsc
IconSortDesc	IconSort	IconSquareRotation	IconStarSolid	IconStar
IconStop	IconStrikethrough	IconSync	IconTag	IconTemplate
IconTextSquare	IconThumbDownSolid	IconThumbDown	IconThumbUpSolid	IconThumbUp
IconTimesCircleSolid	IconTimesCircle	IconTimes	IconToolbox	IconTrash
IconTrendDesktop	IconTrendMonitor	IconUnderline	IconUndo	IconUnlock
IconUploadDesktop	IconUpload	IconUserBookmark	IconUserCircle	IconUserCombined
IconUserFilter	IconUserIntersection	IconUserLabel	IconUserMobile	IconUserSearch
IconUserSync	IconUserTieba	IconUser	IconVideoAdd	IconVideo
IconVolume	IconWhirlpool	IconZoomIn	IconZoomOut