React PDF Kit exports built-in icon components so you can keep the same visual style across your toolbar and custom UI.

Note

Tip: Prefer importing icons from @react-pdf-kit/viewer/icons instead of duplicating SVG code.

Quick Start

Import the icons you need:

import {
  RPIconZoomIn,
  RPIconZoomOut,
  RPIconFullScreen,
  RPIconSearch
} from '@react-pdf-kit/viewer/icons'

Use them in your own components:

import { RPIconZoomIn } from '@react-pdf-kit/viewer/icons'

const CustomZoomInButton = () => {
  return (
    <button type="button">
      <RPIconZoomIn />
      <span>Zoom in</span>
    </button>
  )
}

Icon Catalog

All icons are exported from @react-pdf-kit/viewer/icons.

RPIconCheck

RPIconClose

RPIconClear

RPIconInfo

RPIconThreeDot

RPIconLoader

RPIconSearch

RPIconZoomIn

RPIconZoomOut

RPIconChevronUp

RPIconChevronDown

RPIconGoToDown

RPIconFileUploadDefault

RPIconFileDownloadDefault

RPIconPrintDefault

RPIconSun

RPIconMoon

RPIconLightPdf

RPIconDarkPdf

RPIconTextSelectionDefault

RPIconHandModeDefault

RPIconSinglePage

RPIconDualPage

RPIconDualPageWithCover

RPIconPageScrolling

RPIconVerticalScrolling

RPIconHorizontalScrolling

RPIconWrappedScrolling

RPIconFullScreen

RPIconThumbnail

RPIconClockwise

Notes

• The icon props accept React.ReactNode.
• You can pass built-in icons directly or wrap them in your own styled component.
• If you build a fully custom toolbar, you can still import and reuse these icons in your own buttons.