Post Reads 3 reads

The package @wordpress/icons provides a list of icons library.

How to install @wordpress/icons? How to install @wordpress/icons?

To install the @wordpress/icons use below command:

npm install @wordpress/icons --save

After executing the above command you can see the output something similar as below screenshot:

NPM install the @wordpress/icons package
NPM Package Installation

How to use @wordpress/icons? How to use @wordpress/icons?

import { Icon, check } from '@wordpress/icons';
 
<Icon icon={ check } />

List of all available icons List of all available icons

  • alignCenter
  • alignJustify
  • alignLeft
  • alignRight
  • archive
  • arrowDown
  • arrowLeft
  • arrowRight
  • arrowUp
  • atSymbol
  • aspectRatio
  • asterisk
  • audio
  • backup
  • blockDefault
  • blockTable
  • brush
  • button
  • calendar
  • camera
  • capturePhoto
  • captureVideo
  • category
  • chartBar
  • chartLine
  • check
  • chevronDown
  • chevronLeft
  • chevronRight
  • chevronUp
  • classic
  • closeCircleFilled
  • close
  • cloudUpload
  • cloud
  • code
  • cog
  • column
  • columns
  • comment
  • controlsRepeat
  • cover
  • create
  • crop
  • currencyDollar
  • currencyEuro
  • currencyPound
  • desktop
  • external
  • file
  • flipHorizontal
  • flipVertical
  • formatBold
  • formatIndent
  • formatIndentRTL
  • formatItalic
  • formatListBullets
  • formatListBulletsRTL
  • formatListNumbered
  • formatListNumberedRTL
  • formatLtr
  • formatOutdent
  • formatOutdentRTL
  • formatRtl
  • formatStrikethrough
  • fullscreen
  • gallery
  • globe
  • grid
  • group
  • heading
  • help
  • inbox
  • institution
  • home
  • html
  • image
  • info
  • insertAfter
  • insertBefore
  • keyboardClose
  • keyboardReturn
  • layout
  • lifesaver
  • link
  • linkOff
  • list
  • loop
  • mapMarker
  • media
  • mediaAndText
  • megaphone
  • menu
  • minus
  • mobile
  • more
  • moreHorizontal
  • moreHorizontalMobile
  • moreVertical
  • navigation
  • pageBreak
  • page
  • paragraph
  • payment
  • percent
  • positionCenter
  • positionLeft
  • positionRight
  • pencil
  • people
  • pin
  • plugins
  • plusCircleFilled
  • plusCircle
  • plus
  • postList
  • preformatted
  • box
  • pullLeft
  • pullRight
  • pullquote
  • quote
  • receipt
  • redo
  • replace
  • resizeCornerNE
  • rotateLeft
  • rotateRight
  • rss
  • search
  • separator
  • share
  • shortcode
  • starEmpty
  • starFilled
  • starHalf
  • stretchFullWidth
  • shipping
  • stretchWide
  • subscript
  • superscript
  • tableColumnAfter
  • tableColumnBefore
  • tableColumnDelete
  • tableRowAfter
  • tableRowBefore
  • tableRowDelete
  • table
  • tag
  • textColor
  • tablet
  • title
  • tool
  • trash
  • typography
  • undo
  • update
  • upload
  • verse
  • video
  • widget
  • wordpress

You can also browse the source code in Github at https://github.com/WordPress/gutenberg/tree/master/packages/icons/

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Scroll to Top
%d bloggers like this: