https://github.com/ryelle/wp-dashboard-svg

A demo of using an SVG sprite for the WordPress admin icons.
https://github.com/ryelle/wp-dashboard-svg

Last synced: 15 days ago
JSON representation

A demo of using an SVG sprite for the WordPress admin icons.

• Host: GitHub
• URL: https://github.com/ryelle/wp-dashboard-svg
• Owner: ryelle
• Created: 2015-01-07T18:43:57.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2015-05-20T21:16:24.000Z (over 9 years ago)
• Last Synced: 2024-10-04T13:15:24.949Z (3 months ago)
• Language: HTML
• Homepage: http://ryelle.github.io/WP-Dashboard-SVG/
• Size: 718 KB
• Stars: 21
• Watchers: 3
• Forks: 4
• Open Issues: 4
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
WP Dashboard SVG

=======

A demo of using an SVG sprite for the WordPress admin icons.

> What does this process look like?

SVGs live in the `icons/src` directory, and can be edited directly here. (No more waiting for font merges)

Generate a single SVG sprite using [svgstore](https://www.npmjs.com/package/grunt-svgstore) in Grunt, pulled from the source folder. _Check out the generated demo (icons/sprite-demo.html) for a quick intro to using the individual SVGs from the sprite._

Replace the current markup for dashicons in the admin menu with SVG's `use`, so we reference the external SVG sprite.

Check it out "in action" (static HTML) here: http://ryelle.github.io/WP-Dashboard-SVG/