WordPress IconsIcons

Browse 345 free WordPress Icons SVG icons. Download SVG, copy as JSX, PNG or Base64. GPL licensed. Designed by The WordPress Contributors. Styles: Has Padding.

345 iconsGPL-2.0-or-laterUI 24px24px gridby The WordPress Contributors
Search icons...

More SVG Icons

accordion

accordion-heading

accordion-item

add-card

add-submenu

add-template

align-center

align-justify

align-left

align-none

align-right

archive

arrow-down

arrow-down-left

arrow-down-right

arrow-left

arrow-right

arrow-up

arrow-up-left

arrow-up-right

aspect-ratio

at-symbol

audio

background

backup

bell

bell-unread

block-default

block-meta

block-table

border

box

breadcrumbs

brush

bug

button

buttons

calendar

cancel-circle-filled

caption

capture-photo

capture-video

cart

category

caution

caution-filled

chart-bar

check

chevron-down

chevron-down-small

chevron-left

chevron-left-small

chevron-right

chevron-right-small

chevron-up

chevron-up-down

chevron-up-small

classic

close

close-small

cloud

cloud-download

cloud-upload

code

cog

color

column

columns

comment

comment-author-avatar

comment-author-name

comment-content

Recently added in WordPress Icons

4 icons added on 27 September 2026. See every pack's latest additions

  • fullscreen-exit icon from WordPress Iconsfullscreen-exit
  • justify-space-around icon from WordPress Iconsjustify-space-around
  • justify-space-evenly icon from WordPress Iconsjustify-space-evenly
  • reaction icon from WordPress Iconsreaction

Copy & download WordPress Icons icons

Click any icon above to open the detail panel. Four export formats are available instantly, no sign-up required.

SVG

Raw vector markup. Paste directly into HTML or React components. Scales to any size without quality loss.

JSX / TSX

React-ready component. Drop into any React or Next.js project. Works with shadcn/ui, Radix, and Tailwind CSS.

PNG

Raster export at 1×, 2× and 3× for email templates, Figma imports, app assets, and Open Graph images.

Base64

Inline data URI, embed icons in CSS background-image, email HTML, or anywhere an image URL is needed.

Works with shadcn/ui

Copy the JSX format and paste directly into any shadcn/ui component. Alternatively, install@wordpress/iconsand use via @iconify/react, fully tree-shakeable, no icon font loading required.

About WordPress Icons

WordPress Icons is the icon library of the WordPress block editor (Gutenberg), with 345 icons maintained by the WordPress contributors and licensed GPL-2.0-or-later. It includes the icons for core blocks (pullquote, verse, media and text, page break, query pagination, post featured image, post comments form, shortcode, breadcrumbs, accordion) and the editor controls around them: heading levels, justification, axial and side spacing, submenus and plugin screens. Icons sit on a 24px grid and use the current text color. The @wordpress/icons npm package exports each icon as data plus an Icon component, so a block or plugin can render <Icon icon={check} /> and match core editor controls exactly. GPL-2.0-or-later is a copyleft license: distributing software that includes these icons brings GPL terms, which is normal for WordPress plugins and themes but worth checking for closed-source apps. Search all WordPress icons here, copy SVG, export JSX or download PNG. Compared with a general set like Lucide, this pack is the right match for anything inside the block editor. Ideal for custom blocks, block themes and plugin settings screens.

Created By

The WordPress ContributorsVisit Website

License

Features & Tags

Has Padding

Pack Details

Color Support

Monochrome

Category

UI 24px

How to use WordPress Icons icons

Package

@wordpress/icons

License SPDX

GPL-2.0-or-later

Grid Size

24px

Sample Icons

home, pencil, corner-top-right

Install

bash
npm install @wordpress/icons

React

tsx
import { Icon, check } from '@wordpress/icons';

export default function App() {
  return <Icon icon={check} />;
}

Via Iconify · HTML

html
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="wordpress:icon-name" width="24"></iconify-icon>

Via Iconify · any framework

tsx
import { Icon } from '@iconify/react';

export default function App() {
  return <Icon icon="wordpress:icon-name" width={24} />;
}

Package stats

Build-time npm metadata cached weekly • Last refresh Oct 18, 2026

@wordpress/icons

WordPress Icons package, based on dashicon.

v18.0.0
Score 40%
Popularity 13%
Quality 80%
Maintenance 33%

License

GPL-2.0-or-later

Weekly downloads

328.2K

Monthly downloads

1.7M

Total downloads

19M

Unpacked size

2.2 MB

Last published

Oct 7, 2026

Registry updated

Oct 7, 2026

WordPress Icons version history

Based on the last 10 releases, WordPress Icons typically ships a new version every ~2 weeks. The latest release, v18.0.0, landed on Oct 7, 2026.

VersionReleased
v18.0.0Oct 7, 2026
v17.0.0Sep 23, 2026
v16.0.0Sep 10, 2026
v15.5.0Aug 26, 2026
v15.4.0Aug 12, 2026
v15.3.0Jul 29, 2026
v15.2.0Jul 14, 2026
v15.1.0Jul 1, 2026
v11.7.1Jun 30, 2026
v15.0.0Jun 24, 2026
v14.0.1Jun 16, 2026
v14.0.0Jun 10, 2026
v13.3.0Jun 4, 2026
v13.2.0May 27, 2026
v13.1.0May 14, 2026
v13.0.0Apr 29, 2026
v12.2.0Apr 15, 2026
v12.1.0Apr 1, 2026
v12.0.0Mar 18, 2026
v11.8.0Mar 4, 2026

Source: npm registry data for @wordpress/icons, refreshed weekly.

Compare WordPress Icons with similar icon packs

Frequently Asked Questions

What are WordPress Icons?
The icon library of the WordPress block editor (Gutenberg). It includes the block icons (pullquote, verse, media and text, page break, query pagination) and editor UI icons such as heading levels, alignment and spacing controls.
How do I use WordPress Icons in a block or plugin?
Install npm install @wordpress/icons, then import { Icon, check } from "@wordpress/icons"; and render <Icon icon={ check } />. The icons then match core editor controls.
Can I use WordPress Icons in a commercial project?
Yes, with care. They are licensed GPL-2.0-or-later, a copyleft license: if you distribute software that includes them, that software must follow GPL terms. That is normal for WordPress plugins and themes, but check it before using them in closed-source apps.
When should I pick a different pack?
Outside WordPress, a general set like Lucide or Tabler covers more everyday concepts with a permissive license. Use WordPress Icons when your UI sits inside the block editor.
How many icons are in WordPress Icons?
WordPress Icons contains 345 SVG icons in the UI 24px category, designed on a 24px grid.
How often is WordPress Icons updated?
Based on the last 10 releases, WordPress Icons typically ships a new version every ~2 weeks. The latest release, v18.0.0, landed on Oct 7, 2026. See the full version history below.