Jam icons is a set of icons designed for web projects, illustrations, print projects, etc. Shipped in JavaScript, SVG and font versions. Licensed under MIT. Twitter: @michaelampr
npm install jam-icons
Jam icons is a set of icons designed for web projects, illustrations, print projects, etc. Shipped in JavaScript, font & SVG versions. Licensed under MIT.
Icons: https://jam-icons.com
Jam Icons v2 is a totally new version of this icons set. Read more below, especially if you are using the first version.
Each icon has been re-shaped with a 2px stroke on a 24x24 grid. I mainly used a 20x20 grid, letting 4px for extra design.
Recreating the entire set was huge, but needed. I wanted the set to be more reliable, more consistent, and bigger.
data-jam attribute inside a span or a whatever tag to select your icon (The attributes are listed below). So if you write:
`It becomes:
`
`
#### Install
##### Via CDN (recommended)
`
`
##### Via NPM`
$ npm install jam-icons
`
##### Manually
Just hit the download button and use a script tag like below:
`
`#### Attributes
data-jam (required) The icon you want to use, e.g data-jam="backpack"data-fill (optional) RGB or Hexadecimal, e.g data-fill="#F5C25A"data-width (optional) RGB or Hexadecimal, e.g data-width="32"data-height (optional) RGB or Hexadecimal, e.g data-height="32"
#### More infosYou can easily customize your icons using css, such as width, height and color. I provided the
data-fill, data-width and data-height attributes to support a direct way to color the icon, in the case you do not want to add extra lines of css.$3
#### Usage
The alternative approach. You load the CSS stylesheet and use Jam icons as a font icons. You just have to use the
jam class followed by the name of the icon you want to use prefixed by jam-, like below:
`
`
#### Install
##### Via CDN (recommended)
`
##### Via NPM
`
$ npm install jam-icons
`
##### Manually
Just hit the download button and use a link tag like below:
`
`$3
#### Usage
The complete set as independents SVGs files is available too.
Hit the download button to download it.Complete icons list
You can see the complete icons list on https://jam-icons.comSupport
If you have some icons ideas, please open a new issue, add a icons-request label and make your proposal.
Likewise, if you see a bug or something that needs to be fixed, please open a new issue too with a bug` label.