#Web Icons ###The web iconic font and CSS framework.
Web Icons is a full suite of popular web icons for easy scalable vector graphics on websites.
- Download and extract the repository
- Copy the
css/web-icons.cssto your project - Copy the
fontsfolder to your project - Ensure the font urls within
web-icons.cssproperly reference thefontspath within your project. - Include a reference to the
web-icons.cssfile from every webpage you need to use it.
simply add icon's classname, such as wb-dashboard to an HTML element.
<i class="wb-dashboard"></i>
Please read through our contributing guidelines. Included are directions for opening issues, coding standards, and notes on development.
This plugin requires Grunt. Note that ttfautohint is optional, but your generated font will not be properly hinted if it’s not installed. And make sure you don’t use ttfautohint 0.97 because that version won’t work. And you need add WOFF2 support.
brew install ttfautohint fontforge --with-python
npm install grunt-webfont --save-dev
You may need to use sudo for brew, depending on your setup.
fontforge isn’t required for node engine (see below).
💀 Notes on experimental WOFF2 support.
sudo apt-get install fontforge ttfautohint
npm install grunt-webfont --save-dev
fontforge isn’t required for node engine (see below).
💀 Notes on experimental WOFF2 support.
npm install grunt-webfont --save-dev
Then install ttfautohint (optional).
Only node engine available (see below).
Web Icons will be maintained under the Semantic Versioning guidelines as much as possible. Releases will be numbered with the following format:
<major>.<minor>.<patch>
And constructed with the following guidelines:
- Breaking backward compatibility bumps the major (and resets the minor and patch)
- New additions, including new icons, without breaking backward compatibility bumps the minor (and resets the patch)
- Bug fixes and misc changes bumps the patch
For more information on SemVer, please visit http://semver.org.
Web Icons is licensed under the MIT license.