{"id":15121,"date":"2026-08-25T17:38:30","date_gmt":"2026-08-25T17:38:30","guid":{"rendered":"https:\/\/savethevideo.net\/blog\/?p=15121"},"modified":"2026-08-25T17:52:38","modified_gmt":"2026-08-25T17:52:38","slug":"dashicons-wordpress-how-to-use-the-built-in-icon-library-in-themes-and-plugins","status":"publish","type":"post","link":"https:\/\/savethevideo.net\/blog\/dashicons-wordpress-how-to-use-the-built-in-icon-library-in-themes-and-plugins\/","title":{"rendered":"Dashicons WordPress: How to Use the Built-In Icon Library in Themes and Plugins"},"content":{"rendered":"<p><strong>Use Dashicons when you need familiar WordPress admin icons without loading another icon font or image set.<\/strong> They are built into WordPress, work well in themes and plugins, and are best suited for admin screens, menu items, settings pages, and simple interface cues.<\/p>\n<p><strong>TLDR:<\/strong> Dashicons are WordPress\u2019s built-in icon font, so plugin and theme developers can add icons with a small class name such as <code>dashicons-admin-tools<\/code>. A plugin with three admin pages can use Dashicons for each menu item and avoid adding a separate 30 KB to 100 KB icon library. In one common use case, a settings plugin can make its admin screen easier to scan by using icons for \u201cGeneral,\u201d \u201cSecurity,\u201d and \u201cTools,\u201d reducing visual confusion for support users. Use them mainly in the admin area, and load them on the front end only when you truly need them.<\/p>\n<h2>What Dashicons Are<\/h2>\n<p><strong>Dashicons<\/strong> are the official icon font included with WordPress. They were created for the WordPress admin interface and are still widely used in plugins, custom post types, admin menus, and dashboard widgets.<\/p>\n<p>Each icon is called with a CSS class. For example, <code>dashicons-admin-post<\/code> shows the post icon, while <code>dashicons-products<\/code> shows a product-style icon. You do not need to upload SVG files or install a third-party package for standard admin icons.<\/p>\n<p>That simplicity is the main benefit. Honestly, it feels like overkill to load a full icon framework just to show four admin menu icons. Dashicons solve that small but common problem cleanly.<\/p>\nImage not found in postmeta<br \/>\n<h2>When You Should Use Dashicons<\/h2>\n<p>Dashicons work best in places where users already expect WordPress styling. Good use cases include:<\/p>\n<ul>\n<li><strong>Custom post type menu icons<\/strong>, such as books, products, events, or testimonials.<\/li>\n<li><strong>Plugin admin menu pages<\/strong>, including settings, reports, tools, and import screens.<\/li>\n<li><strong>Dashboard widgets<\/strong> that need small visual markers.<\/li>\n<li><strong>Theme option panels<\/strong> inside the WordPress admin area.<\/li>\n<li><strong>Inline status messages<\/strong>, such as success, warning, lock, and visibility icons.<\/li>\n<\/ul>\n<p>They are less suitable for large front-end design systems. Dashicons have a WordPress admin look. That is useful in the dashboard, but it can feel out of place in a highly branded public website.<\/p>\n<h2>How to Find the Right Dashicon<\/h2>\n<p>The safest source is the official WordPress Dashicons resource. It shows every available icon and its class name. Pick the icon, copy the class, and use it in your code.<\/p>\n<p>A Dashicon class usually looks like this:<\/p>\n<pre><code>dashicons dashicons-admin-settings<\/code><\/pre>\n<p>The first class, <code>dashicons<\/code>, loads the base icon styling. The second class chooses the specific icon. If either part is missing, the icon may not appear as expected.<\/p>\n<p>Expect to waste time on tiny typos if you copy class names by hand. A missing \u201cs\u201d in <code>dashicons<\/code> can cost five minutes for no good reason. Copy directly when possible.<\/p>\n<h2>Using Dashicons in Plugin Admin Menus<\/h2>\n<p>For plugins, one of the most common uses is the icon shown beside a custom admin menu item. WordPress lets you pass a Dashicon class into <code>add_menu_page()<\/code>.<\/p>\n<pre><code>add_menu_page(\n    'Plugin Settings',\n    'My Plugin',\n    'manage_options',\n    'my-plugin-settings',\n    'my_plugin_settings_page',\n    'dashicons-admin-generic',\n    80\n);<\/code><\/pre>\n<p>In this example, <code>dashicons-admin-generic<\/code> displays a settings-style icon in the admin sidebar. This is much cleaner than bundling a custom image for a basic settings page.<\/p>\n<p>If your plugin has a clear purpose, choose an icon that matches it. Use <code>dashicons-chart-bar<\/code> for reports, <code>dashicons-shield<\/code> for security, <code>dashicons-cart<\/code> for commerce, and <code>dashicons-upload<\/code> for import tools.<\/p>\n<h2>Using Dashicons for Custom Post Types<\/h2>\n<p>Dashicons are also useful with <code>register_post_type()<\/code>. The <code>menu_icon<\/code> argument accepts a Dashicon class.<\/p>\n<pre><code>register_post_type('book', array(\n    'labels' =&gt; array(\n        'name' =&gt; 'Books',\n        'singular_name' =&gt; 'Book'\n    ),\n    'public' =&gt; true,\n    'show_in_menu' =&gt; true,\n    'menu_icon' =&gt; 'dashicons-book',\n    'supports' =&gt; array('title', 'editor', 'thumbnail')\n));<\/code><\/pre>\n<p>This gives the \u201cBooks\u201d admin menu item a book icon. It helps editors spot the content type faster, especially on sites with many plugins installed.<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"1080\" height=\"782\" src=\"https:\/\/savethevideo.net\/blog\/wp-content\/uploads\/2026\/08\/a-blue-laptop-displaying-the-wordpress-logo-on-a-speckled-blue-surface-custom-post-type-book-icon-wordpress.jpg\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/savethevideo.net\/blog\/wp-content\/uploads\/2026\/08\/a-blue-laptop-displaying-the-wordpress-logo-on-a-speckled-blue-surface-custom-post-type-book-icon-wordpress.jpg 1080w, https:\/\/savethevideo.net\/blog\/wp-content\/uploads\/2026\/08\/a-blue-laptop-displaying-the-wordpress-logo-on-a-speckled-blue-surface-custom-post-type-book-icon-wordpress-300x217.jpg 300w, https:\/\/savethevideo.net\/blog\/wp-content\/uploads\/2026\/08\/a-blue-laptop-displaying-the-wordpress-logo-on-a-speckled-blue-surface-custom-post-type-book-icon-wordpress-1024x741.jpg 1024w, https:\/\/savethevideo.net\/blog\/wp-content\/uploads\/2026\/08\/a-blue-laptop-displaying-the-wordpress-logo-on-a-speckled-blue-surface-custom-post-type-book-icon-wordpress-768x556.jpg 768w\" sizes=\"auto, (max-width: 1080px) 100vw, 1080px\" \/>\n<h2>Using Dashicons in Admin HTML<\/h2>\n<p>You can place Dashicons directly inside admin page markup. Use a <code>span<\/code> element with the right classes.<\/p>\n<pre><code>&lt;span class=\"dashicons dashicons-yes\"&gt;&lt;\/span&gt;\n&lt;strong&gt;Settings saved successfully.&lt;\/strong&gt;<\/code><\/pre>\n<p>This can make admin notices, tabs, and section headings easier to scan. Keep it restrained. Too many icons make a settings page look noisy and less credible.<\/p>\n<p>For accessibility, do not rely on an icon alone to communicate meaning. Pair it with text, or add screen reader text when needed.<\/p>\n<pre><code>&lt;span class=\"dashicons dashicons-warning\" aria-hidden=\"true\"&gt;&lt;\/span&gt;\n&lt;span class=\"screen-reader-text\"&gt;Warning:&lt;\/span&gt;\nCheck your API key.<\/code><\/pre>\n<p>The icon supports the message. The text carries the meaning. That is the safer pattern.<\/p>\n<h2>Loading Dashicons on the Front End<\/h2>\n<p>Dashicons are already available in the WordPress admin area. On the public front end, they are not always loaded for logged-out visitors. If you need them there, enqueue the style properly.<\/p>\n<pre><code>function mytheme_load_dashicons() {\n    wp_enqueue_style('dashicons');\n}\nadd_action('wp_enqueue_scripts', 'mytheme_load_dashicons');<\/code><\/pre>\n<p>Use this only when the front end truly needs Dashicons. Loading extra CSS for one decorative icon is not a great trade. If your theme already uses SVG icons, it may be better to stay with that system.<\/p>\n<p>There is also a performance concern. The Dashicons stylesheet and font are not huge, but every extra asset can affect page speed. On a small brochure site, that may not matter. On a high-traffic store, small savings add up.<\/p>\n<h2>Styling Dashicons with CSS<\/h2>\n<p>Dashicons inherit many text-related CSS properties. You can change their size, color, spacing, and alignment.<\/p>\n<pre><code>.my-plugin-heading .dashicons {\n    color: #2271b1;\n    font-size: 24px;\n    width: 24px;\n    height: 24px;\n    vertical-align: middle;\n    margin-right: 6px;\n}<\/code><\/pre>\n<p>The default size is often close to 20 pixels. If the icon looks clipped after resizing, set the <code>width<\/code> and <code>height<\/code> to match the <code>font-size<\/code>. This fixes many odd alignment problems.<\/p>\n<p>Avoid using icons as a replacement for proper labels. A gear icon can mean settings, tools, repair, or configuration. Text removes doubt.<\/p>\n<h2>Best Practices for Reliable Use<\/h2>\n<ul>\n<li><strong>Use Dashicons mainly in the admin area.<\/strong> That is where they fit best.<\/li>\n<li><strong>Choose obvious icons.<\/strong> A vague icon slows users down.<\/li>\n<li><strong>Do not overload the interface.<\/strong> One icon per key action is usually enough.<\/li>\n<li><strong>Keep accessibility in mind.<\/strong> Add text labels or screen reader text.<\/li>\n<li><strong>Enqueue Dashicons correctly.<\/strong> Do not hardcode paths to WordPress core files.<\/li>\n<li><strong>Check icon availability.<\/strong> Older WordPress versions may not include newer icons.<\/li>\n<\/ul>\n<img loading=\"lazy\" decoding=\"async\" width=\"1080\" height=\"720\" src=\"https:\/\/savethevideo.net\/blog\/wp-content\/uploads\/2026\/08\/turned-on-monitor-wordpress-plugin-settings-icons-interface.jpg\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/savethevideo.net\/blog\/wp-content\/uploads\/2026\/08\/turned-on-monitor-wordpress-plugin-settings-icons-interface.jpg 1080w, https:\/\/savethevideo.net\/blog\/wp-content\/uploads\/2026\/08\/turned-on-monitor-wordpress-plugin-settings-icons-interface-300x200.jpg 300w, https:\/\/savethevideo.net\/blog\/wp-content\/uploads\/2026\/08\/turned-on-monitor-wordpress-plugin-settings-icons-interface-1024x683.jpg 1024w, https:\/\/savethevideo.net\/blog\/wp-content\/uploads\/2026\/08\/turned-on-monitor-wordpress-plugin-settings-icons-interface-768x512.jpg 768w\" sizes=\"auto, (max-width: 1080px) 100vw, 1080px\" \/>\n<h2>Common Mistakes<\/h2>\n<p>The most common mistake is assuming Dashicons are always available on the front end. They are not. If the icon appears while logged in but disappears in a private browser window, missing front-end enqueueing is often the reason.<\/p>\n<p>Another common mistake is using Dashicons for branding. They are generic interface icons, not a substitute for a logo or product identity. A plugin logo should usually be SVG or another purpose-made asset.<\/p>\n<p>Developers also sometimes use icons without text in toolbar buttons. That can confuse users and screen readers. If an action matters, label it clearly.<\/p>\n<h2>Practical Recommendation<\/h2>\n<p>Use Dashicons for WordPress admin features where speed, consistency, and low maintenance matter. They are dependable, familiar to WordPress users, and simple to implement. For public-facing design, be more selective and load them only when the benefit is clear.<\/p>\n<p><strong>The best rule is simple:<\/strong> if the icon supports a WordPress admin task, Dashicons are usually a solid choice. If the icon is part of the site\u2019s public visual identity, use a custom SVG or your theme\u2019s main icon system instead.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Use Dashicons when you need familiar WordPress admin icons without loading another icon font or image set. They are built into WordPress, work well in themes and plugins, and are &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"Dashicons WordPress: How to Use the Built-In Icon Library in Themes and Plugins\" class=\"read-more button\" href=\"https:\/\/savethevideo.net\/blog\/dashicons-wordpress-how-to-use-the-built-in-icon-library-in-themes-and-plugins\/#more-15121\" aria-label=\"Read more about Dashicons WordPress: How to Use the Built-In Icon Library in Themes and Plugins\">Read more<\/a><\/p>\n","protected":false},"author":88,"featured_media":15122,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[495],"tags":[],"class_list":["post-15121","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-50","no-featured-image-padding"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Dashicons WordPress: How to Use the Built-In Icon Library in Themes and Plugins - Save the Video Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/savethevideo.net\/blog\/dashicons-wordpress-how-to-use-the-built-in-icon-library-in-themes-and-plugins\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dashicons WordPress: How to Use the Built-In Icon Library in Themes and Plugins - Save the Video Blog\" \/>\n<meta property=\"og:description\" content=\"Use Dashicons when you need familiar WordPress admin icons without loading another icon font or image set. They are built into WordPress, work well in themes and plugins, and are ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/savethevideo.net\/blog\/dashicons-wordpress-how-to-use-the-built-in-icon-library-in-themes-and-plugins\/\" \/>\n<meta property=\"og:site_name\" content=\"Save the Video Blog\" \/>\n<meta property=\"article:published_time\" content=\"2026-08-25T17:38:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-25T17:52:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/savethevideo.net\/blog\/wp-content\/uploads\/2026\/08\/a-blue-laptop-displaying-the-wordpress-logo-on-a-speckled-blue-surface-custom-post-type-book-icon-wordpress.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1080\" \/>\n\t<meta property=\"og:image:height\" content=\"782\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jonathan Dough\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jonathan Dough\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/savethevideo.net\\\/blog\\\/dashicons-wordpress-how-to-use-the-built-in-icon-library-in-themes-and-plugins\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/savethevideo.net\\\/blog\\\/dashicons-wordpress-how-to-use-the-built-in-icon-library-in-themes-and-plugins\\\/\"},\"author\":{\"name\":\"Jonathan Dough\",\"@id\":\"https:\\\/\\\/savethevideo.net\\\/blog\\\/#\\\/schema\\\/person\\\/7af40201b760c80578ce2da4a3adf274\"},\"headline\":\"Dashicons WordPress: How to Use the Built-In Icon Library in Themes and Plugins\",\"datePublished\":\"2026-08-25T17:38:30+00:00\",\"dateModified\":\"2026-08-25T17:52:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/savethevideo.net\\\/blog\\\/dashicons-wordpress-how-to-use-the-built-in-icon-library-in-themes-and-plugins\\\/\"},\"wordCount\":1125,\"publisher\":{\"@id\":\"https:\\\/\\\/savethevideo.net\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/savethevideo.net\\\/blog\\\/dashicons-wordpress-how-to-use-the-built-in-icon-library-in-themes-and-plugins\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/savethevideo.net\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/a-blue-laptop-displaying-the-wordpress-logo-on-a-speckled-blue-surface-custom-post-type-book-icon-wordpress.jpg\",\"articleSection\":[\"Blog\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/savethevideo.net\\\/blog\\\/dashicons-wordpress-how-to-use-the-built-in-icon-library-in-themes-and-plugins\\\/\",\"url\":\"https:\\\/\\\/savethevideo.net\\\/blog\\\/dashicons-wordpress-how-to-use-the-built-in-icon-library-in-themes-and-plugins\\\/\",\"name\":\"Dashicons WordPress: How to Use the Built-In Icon Library in Themes and Plugins - Save the Video Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/savethevideo.net\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/savethevideo.net\\\/blog\\\/dashicons-wordpress-how-to-use-the-built-in-icon-library-in-themes-and-plugins\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/savethevideo.net\\\/blog\\\/dashicons-wordpress-how-to-use-the-built-in-icon-library-in-themes-and-plugins\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/savethevideo.net\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/a-blue-laptop-displaying-the-wordpress-logo-on-a-speckled-blue-surface-custom-post-type-book-icon-wordpress.jpg\",\"datePublished\":\"2026-08-25T17:38:30+00:00\",\"dateModified\":\"2026-08-25T17:52:38+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/savethevideo.net\\\/blog\\\/dashicons-wordpress-how-to-use-the-built-in-icon-library-in-themes-and-plugins\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/savethevideo.net\\\/blog\\\/dashicons-wordpress-how-to-use-the-built-in-icon-library-in-themes-and-plugins\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/savethevideo.net\\\/blog\\\/dashicons-wordpress-how-to-use-the-built-in-icon-library-in-themes-and-plugins\\\/#primaryimage\",\"url\":\"https:\\\/\\\/savethevideo.net\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/a-blue-laptop-displaying-the-wordpress-logo-on-a-speckled-blue-surface-custom-post-type-book-icon-wordpress.jpg\",\"contentUrl\":\"https:\\\/\\\/savethevideo.net\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/a-blue-laptop-displaying-the-wordpress-logo-on-a-speckled-blue-surface-custom-post-type-book-icon-wordpress.jpg\",\"width\":1080,\"height\":782},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/savethevideo.net\\\/blog\\\/dashicons-wordpress-how-to-use-the-built-in-icon-library-in-themes-and-plugins\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/savethevideo.net\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dashicons WordPress: How to Use the Built-In Icon Library in Themes and Plugins\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/savethevideo.net\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/savethevideo.net\\\/blog\\\/\",\"name\":\"Save the Video Blog\",\"description\":\"Everything you need to know about videos\",\"publisher\":{\"@id\":\"https:\\\/\\\/savethevideo.net\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/savethevideo.net\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/savethevideo.net\\\/blog\\\/#organization\",\"name\":\"Save the Video Blog\",\"url\":\"https:\\\/\\\/savethevideo.net\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/savethevideo.net\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/savethevideo.net\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/cropped-stv-logo.png\",\"contentUrl\":\"https:\\\/\\\/savethevideo.net\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/cropped-stv-logo.png\",\"width\":500,\"height\":119,\"caption\":\"Save the Video Blog\"},\"image\":{\"@id\":\"https:\\\/\\\/savethevideo.net\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/savethevideo.net\\\/blog\\\/#\\\/schema\\\/person\\\/7af40201b760c80578ce2da4a3adf274\",\"name\":\"Jonathan Dough\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9afc32c64534e0fac8123f418680cd8c214b1c82b9a0e765b34eddf7636ede6d?s=96&d=monsterid&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9afc32c64534e0fac8123f418680cd8c214b1c82b9a0e765b34eddf7636ede6d?s=96&d=monsterid&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9afc32c64534e0fac8123f418680cd8c214b1c82b9a0e765b34eddf7636ede6d?s=96&d=monsterid&r=g\",\"caption\":\"Jonathan Dough\"},\"url\":\"https:\\\/\\\/savethevideo.net\\\/blog\\\/author\\\/jonathand\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Dashicons WordPress: How to Use the Built-In Icon Library in Themes and Plugins - Save the Video Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/savethevideo.net\/blog\/dashicons-wordpress-how-to-use-the-built-in-icon-library-in-themes-and-plugins\/","og_locale":"en_US","og_type":"article","og_title":"Dashicons WordPress: How to Use the Built-In Icon Library in Themes and Plugins - Save the Video Blog","og_description":"Use Dashicons when you need familiar WordPress admin icons without loading another icon font or image set. They are built into WordPress, work well in themes and plugins, and are ... Read more","og_url":"https:\/\/savethevideo.net\/blog\/dashicons-wordpress-how-to-use-the-built-in-icon-library-in-themes-and-plugins\/","og_site_name":"Save the Video Blog","article_published_time":"2026-08-25T17:38:30+00:00","article_modified_time":"2026-08-25T17:52:38+00:00","og_image":[{"width":1080,"height":782,"url":"https:\/\/savethevideo.net\/blog\/wp-content\/uploads\/2026\/08\/a-blue-laptop-displaying-the-wordpress-logo-on-a-speckled-blue-surface-custom-post-type-book-icon-wordpress.jpg","type":"image\/jpeg"}],"author":"Jonathan Dough","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Jonathan Dough","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/savethevideo.net\/blog\/dashicons-wordpress-how-to-use-the-built-in-icon-library-in-themes-and-plugins\/#article","isPartOf":{"@id":"https:\/\/savethevideo.net\/blog\/dashicons-wordpress-how-to-use-the-built-in-icon-library-in-themes-and-plugins\/"},"author":{"name":"Jonathan Dough","@id":"https:\/\/savethevideo.net\/blog\/#\/schema\/person\/7af40201b760c80578ce2da4a3adf274"},"headline":"Dashicons WordPress: How to Use the Built-In Icon Library in Themes and Plugins","datePublished":"2026-08-25T17:38:30+00:00","dateModified":"2026-08-25T17:52:38+00:00","mainEntityOfPage":{"@id":"https:\/\/savethevideo.net\/blog\/dashicons-wordpress-how-to-use-the-built-in-icon-library-in-themes-and-plugins\/"},"wordCount":1125,"publisher":{"@id":"https:\/\/savethevideo.net\/blog\/#organization"},"image":{"@id":"https:\/\/savethevideo.net\/blog\/dashicons-wordpress-how-to-use-the-built-in-icon-library-in-themes-and-plugins\/#primaryimage"},"thumbnailUrl":"https:\/\/savethevideo.net\/blog\/wp-content\/uploads\/2026\/08\/a-blue-laptop-displaying-the-wordpress-logo-on-a-speckled-blue-surface-custom-post-type-book-icon-wordpress.jpg","articleSection":["Blog"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/savethevideo.net\/blog\/dashicons-wordpress-how-to-use-the-built-in-icon-library-in-themes-and-plugins\/","url":"https:\/\/savethevideo.net\/blog\/dashicons-wordpress-how-to-use-the-built-in-icon-library-in-themes-and-plugins\/","name":"Dashicons WordPress: How to Use the Built-In Icon Library in Themes and Plugins - Save the Video Blog","isPartOf":{"@id":"https:\/\/savethevideo.net\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/savethevideo.net\/blog\/dashicons-wordpress-how-to-use-the-built-in-icon-library-in-themes-and-plugins\/#primaryimage"},"image":{"@id":"https:\/\/savethevideo.net\/blog\/dashicons-wordpress-how-to-use-the-built-in-icon-library-in-themes-and-plugins\/#primaryimage"},"thumbnailUrl":"https:\/\/savethevideo.net\/blog\/wp-content\/uploads\/2026\/08\/a-blue-laptop-displaying-the-wordpress-logo-on-a-speckled-blue-surface-custom-post-type-book-icon-wordpress.jpg","datePublished":"2026-08-25T17:38:30+00:00","dateModified":"2026-08-25T17:52:38+00:00","breadcrumb":{"@id":"https:\/\/savethevideo.net\/blog\/dashicons-wordpress-how-to-use-the-built-in-icon-library-in-themes-and-plugins\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/savethevideo.net\/blog\/dashicons-wordpress-how-to-use-the-built-in-icon-library-in-themes-and-plugins\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/savethevideo.net\/blog\/dashicons-wordpress-how-to-use-the-built-in-icon-library-in-themes-and-plugins\/#primaryimage","url":"https:\/\/savethevideo.net\/blog\/wp-content\/uploads\/2026\/08\/a-blue-laptop-displaying-the-wordpress-logo-on-a-speckled-blue-surface-custom-post-type-book-icon-wordpress.jpg","contentUrl":"https:\/\/savethevideo.net\/blog\/wp-content\/uploads\/2026\/08\/a-blue-laptop-displaying-the-wordpress-logo-on-a-speckled-blue-surface-custom-post-type-book-icon-wordpress.jpg","width":1080,"height":782},{"@type":"BreadcrumbList","@id":"https:\/\/savethevideo.net\/blog\/dashicons-wordpress-how-to-use-the-built-in-icon-library-in-themes-and-plugins\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/savethevideo.net\/blog\/"},{"@type":"ListItem","position":2,"name":"Dashicons WordPress: How to Use the Built-In Icon Library in Themes and Plugins"}]},{"@type":"WebSite","@id":"https:\/\/savethevideo.net\/blog\/#website","url":"https:\/\/savethevideo.net\/blog\/","name":"Save the Video Blog","description":"Everything you need to know about videos","publisher":{"@id":"https:\/\/savethevideo.net\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/savethevideo.net\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/savethevideo.net\/blog\/#organization","name":"Save the Video Blog","url":"https:\/\/savethevideo.net\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/savethevideo.net\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/savethevideo.net\/blog\/wp-content\/uploads\/2021\/02\/cropped-stv-logo.png","contentUrl":"https:\/\/savethevideo.net\/blog\/wp-content\/uploads\/2021\/02\/cropped-stv-logo.png","width":500,"height":119,"caption":"Save the Video Blog"},"image":{"@id":"https:\/\/savethevideo.net\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/savethevideo.net\/blog\/#\/schema\/person\/7af40201b760c80578ce2da4a3adf274","name":"Jonathan Dough","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/9afc32c64534e0fac8123f418680cd8c214b1c82b9a0e765b34eddf7636ede6d?s=96&d=monsterid&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/9afc32c64534e0fac8123f418680cd8c214b1c82b9a0e765b34eddf7636ede6d?s=96&d=monsterid&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9afc32c64534e0fac8123f418680cd8c214b1c82b9a0e765b34eddf7636ede6d?s=96&d=monsterid&r=g","caption":"Jonathan Dough"},"url":"https:\/\/savethevideo.net\/blog\/author\/jonathand\/"}]}},"_links":{"self":[{"href":"https:\/\/savethevideo.net\/blog\/wp-json\/wp\/v2\/posts\/15121","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savethevideo.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savethevideo.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savethevideo.net\/blog\/wp-json\/wp\/v2\/users\/88"}],"replies":[{"embeddable":true,"href":"https:\/\/savethevideo.net\/blog\/wp-json\/wp\/v2\/comments?post=15121"}],"version-history":[{"count":1,"href":"https:\/\/savethevideo.net\/blog\/wp-json\/wp\/v2\/posts\/15121\/revisions"}],"predecessor-version":[{"id":15138,"href":"https:\/\/savethevideo.net\/blog\/wp-json\/wp\/v2\/posts\/15121\/revisions\/15138"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/savethevideo.net\/blog\/wp-json\/wp\/v2\/media\/15122"}],"wp:attachment":[{"href":"https:\/\/savethevideo.net\/blog\/wp-json\/wp\/v2\/media?parent=15121"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savethevideo.net\/blog\/wp-json\/wp\/v2\/categories?post=15121"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savethevideo.net\/blog\/wp-json\/wp\/v2\/tags?post=15121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}