svgson - Transform svg files to json notation

  •        13

Simple tool to transform svg files and Strings into Object or JSON. Useful to manipulate SVG with js, to store in noSQL databses.

https://github.com/elrumordelaluz/svgson#readme
https://github.com/elrumordelaluz/svgson

Dependencies:

chalk : ^1.1.3
commander : ^2.9.0
fs-promise : ^0.5.0
htmlparser2 : ^3.9.0
promise : ^7.1.1
svgo : ^0.6.6

Tags
Implementation
License
Platform

   




Related Projects

svgo - :tiger: Node.js tool for optimizing SVG files

  •    Javascript

SVG Optimizer is a Nodejs-based tool for optimizing SVG vector graphics files. SVG files, especially those exported from various editors, usually contain a lot of redundant and useless information. This can include editor metadata, comments, hidden elements, default or non-optimal values and other stuff that can be safely removed or converted without affecting the SVG rendering result.

simple-icons - SVG icons for popular brands

  •    HTML

Free SVG icons for popular brands. See them all on one page at SimpleIcons.org. Contributions, corrections & requests can be made on GitHub. Started by Dan Leech. Icons can be downloaded as SVGs directly from our website - simply click the icon you want, and the download should start automatically.

gulp-svgmin - Minify SVG files with gulp.

  •    Javascript

Minify SVG with SVGO. If you have any difficulties with the output of this plugin, please use the SVGO tracker.

SVG-NOW - SVG Optimizer for Adobe Illustrator

  •    Javascript

SVG NOW is an alternative SVG exporter for Adobe Illustrator currently under development. It is aimed at optimizing SVG files by post-processing the generated SVG code using SVGO. Creative Cloud members can install a beta version of this panel from the creative cloud add-ons website. It is free, open source (under MIT license) and will always be.

sprite.sh - A Bash script to build a SVG sprite from a folder of SVG files (typically icons).

  •    Javascript

A Node.js script to build a SVG sprite from a folder of SVG files (typically icons). Or you know, you can also just copy the script.


gulp-svg-sprite - SVG sprites & stacks galore — Gulp plugin wrapping around svg-sprite that reads in a bunch of SVG files, optimizes them and creates SVG sprites and CSS resources in various flavours

  •    Javascript

This document covers only gulp specific installation and configuration aspects. For a full list of features and options, please see the svg-sprite manual. NOTICE: By default, svg-sprite doesn't send any files downstream unless you configure it. There are tons of options available — please see below for some basic examples. Also, you should possibly take care of errors that might occur.

vivid - a JavaScript library which is built to easily customize and use the SVG Icons with a blaze.

  •    Javascript

Vivid.JS is an SVG Icons library which can be used to add highly customizable vibrant icons to the DOM without any dev dependencies. Vivid.JS is easy to adapt and can bring SVG icons to life using html5 data attributes on the go. Icons can also be individually customized in terms of colors and size using html5 data attributes which gives more power to Vivid.JS library.

svg-icon-system-boilerplate - A boilerplate for building a custom icon system via a linked external SVG sprite

  •    HTML

A boilerplate for building a custom icon system via a linked external SVG sprite. Configuration Options -- this system is based on SVG-sprite. sprite.svg is the main file containing a sprite of each SVG included using <symbol> inside of SVG <defs>. This system implements SVG icons via to access individual icons.

svgexport - SVG to PNG/JPEG command-line tool and Node.js module

  •    Javascript

svgexport is a Node.js module and command-line tool for exporting SVG files to PNG and JPEG, it uses PhantomJS for rendering SVG files. datafile can be an object, an array of objects or a JSON file path, see command line usage for its format.

svgi - πŸ”Ž The SVG inspection tool

  •    Javascript

svgi is written in javascript (node) and distributed through npm. Both are required to install svgi. svgi requires a > 6 node version because it uses some features from the new versions of ECMAScript.

payment-icons - πŸ’³ Payment / Ecommerce related svg icon packs

  •    Javascript

Payment related svg icons for use in fonts or spritesheets. The raw .svg output (from a mix of sketch and inkscape) is in the svg directory. The minified svg output is in the min dir.

grunticon - A mystical CSS icon solution.

  •    HTML

grunticon is a Grunt.js task that makes it easy to manage icons and background images for all devices, preferring HD (retina) SVG icons but also provides fallback support for standard definition browsers, and old browsers alike. From a CSS perspective, it's easy to use, as it generates a class referencing each icon, and doesn't use CSS sprites. grunticon takes a folder of SVG/PNG files (typically, icons that you've drawn in an application like Adobe Illustrator), and outputs them to CSS in 3 formats: svg data urls, png data urls, and a third fallback CSS file with references to regular png images, which are also automatically generated and placed in a folder.

vue-awesome - Awesome SVG icon component for Vue.js, built-in with Font Awesome icons.

  •    Javascript

Awesome SVG icon component for Vue.js, with built-in Font Awesome icons. Vue-Awesome an SVG icon component for Vue.js, with built-in icons courtesy of Font Awesome.

svg-sprite - SVG sprites & stacks galore — A low-level Node

  •    Javascript

It comes with a set of Mustache templates for creating stylesheets in good ol' CSS or one of the major pre-processor formats (Sass, Less and Stylus). Tweaking the templates or even adding your own custom output format is really easy, just as switching on the generation of an HTML example document along with your sprite. For an up-to-date list of browsers supporting SVG in general respectively SVG fragment identifiers in particular (required for <defs> and <symbol> sprites as well as SVG stacks) please refer to caniuse.com.

SwiftSVG - A simple, performant, and lightweight SVG parser

  •    Swift

SwiftSVG is not meant to be a a full SVG parser. The library supports the most common use cases of flat, solid color SVG elements. It supports grouping and transformations and can parse all path and shape elements. The best use case for SwiftSVG is for flat icons that you may want to theme at runtime and have good control over. Think icons for your app, especially if you offer light and dark themes. The library can handle complex paths, and more importantly can handle them quickly, so you can use it to display many SVGs, just not every single use case. See the complex example in the examples app.

pixo - Convert SVG icons into React components

  •    Javascript

Pass a directory or SVG file path as the first argument. Each SVG icon will be automatically optimized and renamed to a pascal case filename for the component. Icon components can then be imported into a React application.

SuperTinyIcons - Under 1KB each! Super Tiny Icons are miniscule SVG versions of your favourite website and app logos

  •    HTML

The logos have a 512x512 viewbox, they will fit in a circle with radius 256. They will scale up and down to suit your needs. Bytes cost money. They cost money to store, transport, and process. Simplicity should be our goal in all endeavours.