A classified icons set that consists of a part of Material Design icons and some original icons by TB-UI team. Available in Icon Fonts and SVG Symbols.
npm i tb-icons --save
Move the fonts with Gulp:
gulp.task('move-fonts', function () {
gulp.src('node_modules/tb-icons/dist/fonts/**/*')
.pipe(gulp.dest('static/fonts/'))
})
Include the style in Stylus:
@import 'tb-icons'
Get an icon in Jade:
span.icon.icon-t
Check out the font icons page to see all font icons.
Inline combined SVG reference into body, then drop a <use> element snippet like this:
<svg role="img" class="ss-t">
<use xlink:href="#t"></use>
</svg>Or directly link the external svg-symbols file:
<svg role="img" class="ss-t">
<use xlink:href="#{svg-path}/svg-symbols.svg#t"></use>
</svg>All SVG symbols available on the SVG symbols page.
The source files can be found in the src directory.
While developing, you should use the command gulp && gulp serve to create a watcher and run a docs server with livereload.
Then, to update the icon fonts, SVG font, and the icon name-unicode pairs store, preview immediately on localhost:8001.
Lastly, commit your great works, release a new version, use gulp deploy to publish docs to GitHub Pages.
This work is licensed under the MIT license.