这是一组共800个精美的可免费下载的SVG图标。这组图标提供了每一个SVG图标的单独文件，还提供了所有图标集合在一起的SVG文件。另外还提供了一个sprite.svg文件，可以使用该文件来当雪碧图使用，从中提取相应的SVG图标。
这组SVG图标的默认大小是16x16像素，但因为是SVG矢量格式，你可以任意调整图标的大小而不会发生模糊和变形现象。
使用方法
作为图片使用
你可以将这些SVG图标作为普通的图片来使用。
<img src="svg/si-glyph-bicycle-man.svg">
作为内联SVG使用
或者你也可以直接拷贝某个SVG图标的内容到HTML中，作为内联SVG元素使用。
SVG Sprite
使用SVG图标的最好的方法是 SVG sprite（SVG雪碧图）。
<svg xmlns="http://www.w3.org/2000/svg" class="si-glyph-bubble-message-hi">
<use xlink:href="sprite.svg#si-glyph-bubble-message-hi" />
</svg>
这个方法是使用<use>元素来连接到SVG雪碧图中的某一个SVG图标上，将它显示在页面中。
SVG图标的CSS样式
使用内联SVG或雪碧图方式的SVG图标，你可以很容易的为图标添加CSS样式。这些图标都是精心制作的，你可以通过下面的方法非常容易的修改所有或部分图标的颜色。
.si-glyph * {
fill: red;
}
.si-glyph-bubble-message-hi {
fill: blue;
}
注意事项
目前，使用xlink方式使用的SVG元素不能够在webkit内核和IE浏览器中使用CSS来渲染。所以如果你要使用雪碧图（sprite）的方法来使用这些图标，需要在使用之前引入polyfill.js文件。该文件会修正webkit内核（如Chrome、Safari等浏览器）和IE浏览器的BUG，使SVG图标可以被CSS正常渲染。
