Icons are painted by hand, and then vectorized, preserving line structure, tiny details and irregularities that distinguish original hand-drawn icon sets from vector graphic.

Compare file formats

Looking for a special icon format, size or a feature? See this table for additional details about each type of hand-drawn icon set products.

Icon Set

Icon Font

Ultimate Icon Set

PSD

PSD file where each icon is placed on a separate named layer, saved as vector shape (allows resizing in Photoshop without losing image quality)

AI

AI file where each icon is placed on a separate named layer

EPS

AI file where each icon is placed on a separate named layer

PNG

There’re four png folders where each icon is saved in different sizes: 32x32px, 48x48px, 64x64px, 128x128px

TTF

TrueType is a common format for scalable computer fonts. Support for the TrueType (.ttf) and OpenType (.otf) outline font formats in @font-face.

WOFF

Web Open Font Format is a
compressed TrueType/OpenType font that contains information about the font’s source. Can be used alone in most modern browsers: caniuse.com/#feat=woff with an exception of Opera Mini

EOT

Embedded OpenType fonts are a compact form of OpenType fonts designed by Microsoft. You’ll only need those to support IE6-IE8 or IE9 Compat Modes.

SVG font

For legacy devices. Considered among a number of browser vendors as a deprecated feature with support being removed.

CSS file

@font-face with all classes for the icon font

HTML

Demo HTML file with font test drive block (you type and symbols appear). All icons listed on one page using the CSS file. Demo classes are separated from @font-face classes and IE7 legacy browser compatibility .js files are included.

SVG icon files

Each icon in separate SVG file, processed with svgo NodeJS optimizer. Can be used for SVG sprites or custom font rendering.

SVG defs

SVG library file with all symbols in one file with ids for referencing.

CSS sprite

Example of using icons in a CSS sprite. Icons are provided in PNG format (128x128px, black). To generate a sprite in other colors or sizes, please, use source SVG files. We recommend svg-sprite npm module for rendering sprites from SVG.

JPG preview

All symbols from a hand-drawn icon set saved in a JPG file for easy preview