public marks

PUBLIC MARKS from srcmax with tag svg


Coloring SVGs in CSS Background Images by Noah Blon on CodePen

I love using SVG in CSS background images but it sucks that you can't alter the fill color easily within your CSS. Here are a few ways around that.

Simple Icons

124 SVG icons for popular brands

svg/svgo · GitHub

by 1 other
Nodejs-based tool for optimizing SVG vector graphics files.


CSS for vector based country flags!

Bodymovin : un plugin qui transforme vos animations After Effets en SVG + JS

Grâce à un plugin conçu par Hernan Torrisi nommé Bodymovin, vous allez pouvoir exporter vos animation After Effects en SVG + Javascript.


Create a SVG/TTF/EOT/WOFF font from several SVG icons with Gulp.


Create your Icon Font in seconds - 9000 Vector Icons Available - Free Icon Font Generator

by 3 others
Create your icon fonts in seconds. Make your website faster. Over 9,000 icons available.


With ProgressBar.js, it's easy to create arbitrary shaped progress bars. This library provides a few built‑in shapes like Line, Circle and Square but you can also create your own progress bars with Illustrator or any vector graphic editor.

andreaferretti/paths-js · GitHub

This library helps generating SVG paths with a high level API. These paths can be then used together with a template engine such as Mustache or Handlebars to display SVG graphics in the browser. If instead of a static template engine, you use a data binding library, such as Ractive.js, Angular or Facebook React, you get animated graphics for free.


Galerie Internet Explorer

Adobe SVG Viewer gives you the ability to view Scalable Vector Graphics (SVG) - a language based on XML and designed for building data-driven, interactive, and optimized graphics for the Web. The Adobe SVG viewer supports most SVG elements, as well as CSS properties and DOM elements such as the SVGMatrix class and the getCTM method. It also allows you to save graphics as compressed SVG files (SVGZ format)

Snap.svg - Home

by 7 others
SVG is an excellent way to create interactive, resolution-independent vector graphics that will look great on any size screen. And the Snap.svg JavaScript library makes working with your SVG assets as easy as jQuery makes working with the DOM.

svg.js - A lightweight JavaScript library for manipulating and animating svg

by 1 other
A lightweight library for manipulating and animating SVG.

djaiss/mapsicon · GitHub

by 1 other
A free collection of maps for every country in the world, available in 11 sizes or in SVG.

Animate your HTML5

Animate your HTML5 with CSS3, SVG, Canvas and WebGL


BonsaiJS - A Graphics Library

by 1 other (via)
A lightweight graphics library with an intuitive graphics API and an SVG renderer.

Gaussian Blur and CSS3/SVG - CSS-Plus

Gaussian blur is something I use a lot when it comes to Photoshop. It would be very handy to have that kind of ‘filter’ power within a browser environment.


by 1 other, 1 comment
jVectorMap is a jQuery plugin employed to show vector maps and visualize data on HTML pages. It uses SVG in all modern browsers like Firefox 3 or 4, Safari, Chrome, Opera, IE9, while legacy support for older versions of IE from 6 to 8 is provided with VML. Using jVectorMap is pretty simple as for any other jQuery plugin.


SVG Boilerplate — a kick-arse default to put the wow back into the web

SVG Boilerplate is a simple, straightforward, and functional template to embed or inline SVG content (including in text/html) that works with browsers all the way down to IE6.

canvg - Javascript SVG parser and renderer on Canvas - Google Project Hosting

canvg is a SVG parser and renderer. It takes a URL to a SVG file or the text of an SVG file, parses it in JavaScript, and renders the result on a Canvas element. The rendering speed of the examples is about as fast as native SVG.

srcmax's TAGS related to tag svg

adobe +   after effect +   android +   animation +   background +   blog +   blur +   canvas +   Country +   css +   css3 +   demo +   dev +   export +   firefox 3.5 +   flag +   font +   graph +   gulp +   html5 +   icon +   icons +   ie +   illustrator +   internet explorer +   jQuery +   js +   library +   map +   mobile +   motion +   node.js +   npm +   optimization +   pays +   picto +   plugin +   png +   progress bar +   Responsive +   slideshow +   support +   video +   WebGL +   woff +