The Salesforce Lightning Design System (SLDS Icons), created by Salesforce, currently offers a very robust and flexible SVG icon system. However, there may be situations where an additional icon font set would enhance the design system.
Well, here it is.
This icon font set is based on the SLDS SVG set (version 0.10.1) and generated using Icomoon.
.sldsicon- then follow this naming scheme:
The only caveat is with the SLDS
doctype icons which use two layers. The markup to render those looks like this:
<span class="sldsicon-doctype-audio"> <span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span> </span>
Check out a demo.
There are a couple of options here:
- Clone the repo:
git clone https://github.com/CodeScience/SLDS-icon-font.git
- Install with npm:
- Make your local edits and submit a pull request.
This icon font is being released as a redistribution of the original set of icons created by Salesforce for the Salesforce Lightning Design System. As a redistribution of the original work in a new format, this work—provided free of charge by CodeScience—carries with it the same CreativeCommons-Attribution-NoDerivatives license as the original work.