Thibaut-B / mfglabs-iconset-svg-sprites

SVG sprites using the MFG Labs icon set

Home Page:https://thibaut-b.github.io/SVG-Sprites-bootstrap/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

MFG Labs iconset with SVG sprites

This is a fork of the font "MFG Labs icon" using SVG Sprites.

How to use it?

First download the file sprite.svg Then in your html file you just need to use the SVG tag. You need to use the good path to your SVG file and use an icon id.

<svg width="30" height="30">
  <use xlink:href="sprite.svg#arrow-left"></use>
</svg>

List of icons

Here are the names of the icons you can use with this sprite.

  • arrow-left
  • arrow-right
  • arrow-up
  • arrow-down
  • chevron-left
  • chevron-right
  • chevron-up
  • chevron-down
  • ok
  • close
  • calendar
  • cloud
  • cloud-down
  • cloud-up
  • facebook
  • twitter
  • dribbble
  • github
  • gplus
  • heart
  • help
  • information
  • warning
  • menu
  • list
  • marker
  • mail
  • plus
  • search
  • send
  • user
  • star-empty
  • star-plain
  • spinner

You can find more information on the documentation of the sprites generator