SharpVectors - SVG# Reloaded

  •        256

The Scalable Vector Graphics (SVG) is an XML-based standard file format for creating graphics on the web, and is supported by most modern browsers. This project provides a C# library for parsing, converting and viewing the SVG files in WPF applications.



Related Projects


  •    WPF

An small add-in for Visual Studio 2007 to create XAML directly. Uses Thierry Bouquain's XamlTune and SharpVectors to perform the hard work of the conversion.

Apache Batik - The Apache Foundation’s Java-based toolkit for SVG generation and manipulation

  •    Java

Batik is a Java based toolkit for applications which handle images in the Scalable Vector Graphics (SVG) format for various purposes, such as viewing, generation or manipulation. The project's ambition is to give developers a set of core modules which can be used together or individually to support specific SVG solutions. Examples of modules are an SVG parser, an SVG generator and an SVG DOM implementation.

svg-react-loader - Webpack SVG to React Component Loader

  •    Javascript

A webpack loader allowing for inline usage of a SVG as a React component, or for composing individual SVGs into larger ones. The latest version has been refactored to allow for receiving an SVG/XML string or an JSON object-tree representing an SVG. This allows for other loaders before svg-react to alter/update/remove nodes before reaching svg-react.

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.

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.

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.

SVGInjector - Fast, caching, dynamic inline SVG DOM injection library

  •    Javascript

A fast, caching, dynamic inline SVG DOM injection library. Developed by Waybury for use in iconic.js, part of the Iconic icon system. There are a number of ways to use SVG on a page (object, embed, iframe, img, CSS background-image) but to unlock the full potential of SVG, including full element-level CSS styling and evaluation of embedded JavaScript, the full SVG markup must be included directly in the DOM.

svg-crowbar - Extracts an SVG node and accompanying styles from an HTML document and allows you to download it all as an SVG file

  •    Javascript

A Chrome-specific bookmarklet that extracts SVG nodes and accompanying styles from an HTML document and downloads them as an SVG file—A file which you could open and edit in Adobe Illustrator, for instance. Because SVGs are resolution independent, it’s great for when you want to use web technologies to create documents that are meant to be printed (like, maybe on newsprint). It was created with d3.js in mind, but it should work fine with any SVG.

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.

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-sprite-loader - Webpack loader for creating SVG sprites.

  •    Javascript

Webpack loader for creating SVG sprites. 🎉 2.0 is out, please read the migration guide & overview.

PocketSVG - Easily convert your SVG files into CGPaths, CAShapeLayers, and UIBezierPaths

  •    Objective-C++

A simple toolkit for displaying and manipulating SVGs on iOS and macOS in a performant manner. The goal of this project is not to be a fully compliant SVG parser/renderer. But rather to use SVG as a format for serializing CG/UIPaths, meaning it only supports SVG features that can be represented by CG/UIPaths.

simple-icons - SVG icons for popular brands

  •    HTML

Free SVG icons for popular brands. See them all on one page at 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.

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.

svg-captcha - generate svg captcha in node

  •    Javascript

If no option is passed, you will get a random string of four characters and corresponding svg. Similar to create api, you have the same options and return value. The difference is that data is a svg will be an math equation on screen and text will be the result of that equation in string, otherwise the usage is the same as above.

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.

php-svg-lib - SVG file parsing / rendering library

  •    PHP

The main purpose of this lib is to rasterize SVG to a surface which can be an image or a PDF for example, through a \Svg\Surface PHP interface. This project was initialized by the need to render SVG documents inside PDF files for the DomPdf project.

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