Glyph is a collection of ~800 beautiful pixel-perfect SVG icons, designed for the modern web. Glyph is 16x16, but because it's SVG, it can be any size you want.

Updates

That would be great, but the free package doesn't offer the font, only the PNG files. Apparently, only the PRO package includes All icons as a web font.While you are very helpful (thank you), the question is more about included components in Bootstrap, if you can confirm that no icons of any type are (or will be) included in the v4, you can generate an answer.

Version 1.1

• Fixed some typos.
• Sprite generator.

Usage

There are many ways to put an SVG icon into your web page.

IMG tag

Inline SVG

Or you can copy the SVG content and paste it into your HTML.

SVG Sprite

An elegant way to use SVG icons is SVG sprite, demonstrated in sample.html.

Steermouse vs usb overdrive. SteerMouse lets you control the cursor’s sensitivity on top of the tracking speed.SteerMouse is a great tool to have around if you are looking for a way to trigger specific actions by using a mouse.

Math magic pro 8 keygen mac. MathMagic Pro Edition 8.3 Keygen is an easy to use plug-in for Adobe InDesign that allows you to create and edit complex mathematical equations based on templates but using the well presented and elegant Adobe InDesign interface that you’re familiar with. Conditions are naturally pattern adjusted if embedded in a content box as InLine Graphic.

This method makes use of the <use> tag to link a part of SVG content from a SVG sprite file into your HTML.

Use as a web component

The icon web component provides a great way to embed icons in your design by using a custom tag. Please check sprite/sample-iwc.html for code snippets.

Style with CSS

Using inline SVG and web component methods, you can style your icon with CSS easily. Glyph is carefully made so that you can change all or some icons color with just these simple CSS snippet below.

Style the whole set

Style some specified icons

Custom sprite generator

From version 1.1, Glyph comes with a custom sprite generator script. You need Node.js in order to use this script.

With your favorite terminal, change to the glyph directory, then:

A few options:

• -f <csv-file> path to a one-column CSV file specified what icon you want to include in the sprite.
• -l <list-of-icons> a list of icons separated by commas. For example: bubble-message-hi,camera,car,alarm-clock
• -o <path-to-sprite> path lead to the output sprite file.

For example:

Todo

• New icons.

License

Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)