38 private links
This tool helps you convert SVG strokes to fills and make your icons webfont compatible.
Visual explainer on how to use SVG paths
The CSS filter property provides a way to apply graphical effects on HTML elements. These effects go from blur to grayscale handling but can also include advanced filters using SVG. CSS filters are cross-browser supported and ready to use. If you haven't played around with them, you should give them a try!
A better SVG Optimiser that allows to remove transforms from an SVG file. Figma adds transforms sometimes to a generated SVG code, and they are virtually impossible to strip manually since you'd need to rewrite the path coords. The URL is https://lean-svg.netlify.app. Usually i would be using this one https://jakearchibald.github.io/svgomg/ but it doesn't have this feature.
Free, simple animated SVG editor.
A gulp plugin to use inline SVG as background-images
SVG-спрайты для иконок. Доклад Виктории Васильевой в программе pitercss_meetup 17 апреля в офисе T-Systems
A plugin for Sketch to insert svg code into Sketch
certainlyakey starred jannicz/ng-svg-icon-sprite
Gravit Designer is a full featured free vector design app right at your fingertip. It is available for different platforms including Mac, Windows, Linux, Chrome and the Web.
Effortlessly reduce file size and make artwork easier to edit by removing excess points, using our three dedicated tools. Either let the Smart Removal Brush automatically remove points with a pressure sensitive brush action, or use the PathScribe panel to Smart Remove Selected Points or Remove Duplicate Points. Both intelligently remove points with one press of a button whilst working hard to maintain the path shape.
An experimental tool that turns a folder of SVG files into a single SVG Stack. It also creates some demo HTML files that use the stack with different embedding-techniques (iframe, embed, img, object, background-image).
certainlyakey starred darylldoyle/svg-sanitizer
Bytesize is a passion project I started to help learn the SVG spec, particularly SVG Paths and how they are drawn within code.
Scalable Vector Graphic (SVG) is emerging as the preferred graphic format to use on the web today. Are you abandoning the icon font or replacing old pg, gif and png graphics for the well-supported SVG, too? Let’s see how this will impact users of assistive technology (AT) and what is needed in order to ensure a great user experience for everyone.
CSS can be used to style and animate scalable vector graphics, much like it is used to style and animate HTML elements. via Pocket
One of the most common use cases for SVG graphics is icon systems, and one of the most commonly-used SVG spriting techniques is one that uses the SVG element to “instantiate” the icons anywhere they are needed in a document. via Pocket
Working with SVG in a RWD workflow usually involves a design phase and a development phase. The design phase is usually handled by designers who may or may not know how to code. via Pocket
SVG can be used as an icon system to replace icon fonts. The reasons why SVG makes for a superior icon system are numerous, but we won’t be going over them in this article. via Pocket