You can use the Save As feature to save to the SVG format directly. You can download the original Adobe Illustrator file too. Here is an example of a bear face: A simple illustration in Illustrator of a bear face. SVG is a native file format in Adobe Illustrator. These changes include different exporting options, cleaner generated SVG code, and ability to copy and paste SVG files into a text editor. While it's been possible to make SVG files in Illustrator for quite some time, Illustrator CC 2015 added and streamlined the SVG features. Perhaps the easiest way to create sophisticated SVG files is to use a tool that you are likely already familiar with: Adobe Illustrator. There are also many other options available for JavaScript libraries to manipulate SVG files. You can also use several different JavaScript libraries to draw SVG files and manipulate them on your web pages. SVG graphics should start with the svg element: īetween the svg element you can add in other svg shapes or paths such as circle, rect, ellipse or path. You can also create and edit SVG files by simply opening a text editor and creating the files.

See the section below for more information on creating SVG files in Adobe Illustrator. There is a comprehensive tutorial online for using Inkscape. Inkscape is free for use and might be a decent option if you don't have access to Illustrator or Sketch. Also, because the file is based in XML, you can roll your sleeves up and edit the file directly or programmatically via JavaScript Tools to Create SVG Files Graphical EditorsĮxamples of common graphic editors you can use to make SVG files. One of the great things about Scalable Vector Graphics (SVG) is that you can create them in a variety of graphics programs.

Create svg with inkscape