iconic

Iconic: SVG-icons library

TODO

Browser

• Icons loading with pack in browser
• Create icon's page
• Improve search mechanisms

Configuration

• width
• height
• classes
• packUrl
• minify
• forceNormalize
• iconsPath
• onlyExists

Icons pack

// Create pack
var pack = iconic.pack({
    // URL where will be stored SVG-file
    packUrl: '/static/icons/iconic.svg',
    // Minify HTML & SVG
    minify: true
});

// Add icons
var htmlIcon1 = pack.icon('animals.ant', 'my-icon1 my-icon2');
var htmlIcon2 = pack.icon('camera.film-roll', {
    classes: 'my-icon1 my-icon2'
});
var htmlIcon3 = pack.icon('best-films.batman');

// Get CSS
var css = pack.getStyles();

// Get SVG file content
var svg = pack.getCode();
// or write into file
pack.write('icons.svg');

Get data

Get icon content (only paths):

var content = iconic.getShape('animals.ant', config);

Resolve icon's filename:

var filename = iconic.getFilename('animals.ant');

Build SVG-file:

var svgCode = iconic.compilePack(['icon1.name', 'icon2.name']);

Convert

Convert to PNG:

iconic
    .convertToPng(source, width, height)
    .then(function (data) {
        
    });

Convert to JPEG:

iconic
    .convertToJpeg(source, width, height)
    .then(function (data) {
        
    });