Questions tagged [svg]

Question about Scalable Vector Graphics; a family of specifications of an XML-based file format for describing two-dimensional vector graphics, both static and dynamic (i.e. interactive or animated). Ask anything related to designing graphics for the SVG format.

Filter by
Sorted by
Tagged with
236 votes
4 answers

Is there a reason Hillary Clinton's logo has hidden notches?

This question is not political in the least! While looking at the SVG version of Hillary's logo found here, I noticed there were notches in the two vertical bars of the H. The arrow crossbar covers ...
I. J. Kennedy's user avatar
138 votes
3 answers

Exporting an object as svg from inkscape

I know that Inkscape does not have the ability to export selected objects as svg, but is there a workaround that people have found that works?
broccoli_soup's user avatar
89 votes
8 answers

Using the shape of an object to cut the object beneath it in Inkscape

I'm editing an svg in Inkscape and I have an object on top of another object. I'd like to use the shape of the top object to cut the object beneath it. For those who are familiar with GIMP, I'm ...
UserIsCorrupt's user avatar
75 votes
10 answers

How to convert a square SVG to all-size ICO?

I've drawn an icon in InkScape and would like to export it to an ICO file that would include sprites for all the reasonable resolutions (16x16, 32x32, ... 256x256 etc). How can this be done (without ...
Ivan's user avatar
  • 1,035
72 votes
9 answers

How do I embed Google Web Fonts into an SVG?

I'm writing an article on my site about the advantages of new web technologies, among others HTML5, CSS3 and SVGs, one of the advantages of the latter being the ability to select text in what is ...
Jules's user avatar
  • 952
60 votes
2 answers

In Inkscape, how do I add a white background?

Currently, the saved svg file has a white and gray checkered background, which I assume to be because the background is transparent. I am trying to make this a white background. I viewed other answers,...
JobHunter69's user avatar
42 votes
1 answer

Image looks embossed when converted to SVG

I converted a raster image to vector in Illustrator CS6 using Image Trace then the Expand option, though when I save as an svg the image looks embossed. I suspect it's due to the layer background ...
CreativeMind's user avatar
40 votes
1 answer

Is it possible to "invert" an SVG file? Not the colours, but the actual areas/paths?

I have an SVG file, and I want to create the opposite of it. It's a monochrome icon, and I want a version where the logo is transparent and the rest of the rectangle is filled paths. In theory it ...
Codemonkey's user avatar
40 votes
4 answers

How do I use a custom font in an SVG image on my site?

I created a custom Facebook icon using Inkscape and saved it as an svg. It uses the same font as the title of my page, which uses the font "ubuntutitling-bold-webfont", which I have referenced as a ....
Joe's user avatar
  • 401
39 votes
7 answers

Change viewbox attribute in svg exported by illustrator

I have a SVG file with viewBox="-155.7 -99 510 510". I believe this offset the paths in Mac OS X preview by -155.7 -99. when I open the SVG in Illustrator, the paths are not offset at all. how do I ...
user1109371's user avatar
39 votes
3 answers

How can I edit an .SVG file?

Wikipedia has an extensive set of anatomy SVGs, but I can't highlight different organs or parts dynamically, because there are no source files with layers I can manipulate in Photoshop or GIMP. How ...
rxmnnxfpvg's user avatar
38 votes
6 answers

Preserving font type in illustrator SVG file

Hi I am new to illustrator and created an image that uses "Skia-Regular" font. But when I save that image in .svg format, it changes the font type. And when I open the .svg format file in browser the ...
Rizwan606's user avatar
  • 483
37 votes
6 answers

Can I reduce the file size of an SVG to be closer to its JPEG equivalent?

I have an image that I’m using on a website. I would like to use an SVG so that it can be any size and still look crisp. This dropbox contains the SVG file as well as the original Illustrator file. ...
Evanss's user avatar
  • 649
32 votes
1 answer

SVG and viewBox values

I'm just curious if anybody knows how viewBox values (i.e. viewBox="a b c d") are determined. I'm trying to understand Inkscape's SVG functionality, so what I've done is created a document in ...
oldboy's user avatar
  • 542
30 votes
6 answers

Which format is better for saving images intended for websites; PNG or SVG?

When exporting / saving images with a transparent background that are intended for websites, should I save it as PNG or SVG? Why?
JFW's user avatar
  • 4,895
29 votes
5 answers

Specify CSS class names on SVG paths using Illustrator

Is there a way to edit SVG files in Illustrator where you can specify a CSS class for each path? I already know in Illustrator that if you give the layer name an actual name, Illustrator will use ...
NerdCowboy's user avatar
28 votes
7 answers

How can I get illustrator to automatically clip the artboard to the vectorized objects size?

I just exported a shape from photoshop as a path and then filled it in illustrator. I now want to save the shape as an svg, or eps but I don't want to save all the excess whitespace around the object. ...
user1632018's user avatar
27 votes
5 answers

how to rasterize an SVG without anti-aliasing

I've made a map in inkscape and now need to change it to a bitmap or .png. The map will be interpreted by a computer program which will look for exact colors so the edges need to be crisp. when I ...
William W's user avatar
  • 281
26 votes
2 answers

Embedding fonts in inkscape

Does any body know what is the current status of embedding fonts into an svg file that is readable by inkscape. I find the lack of embedded fonts severely impedes portability of svg files, particular ...
Douglas Kastle's user avatar
23 votes
2 answers

When should I use SVG or SVGZ for my web graphics?

From my understanding, The SVGZ is a compressed file type of an SVG. I love using SVG images and have had a lot of experience with them. All of the times I used them I have never had a graphic that ...
Josh Powell's user avatar
22 votes
5 answers

Split a path into two separate paths in InkScape

I have a monochrome drawing of a face done in SVG. The entire face is one path. How do I for instance select just an eye and make it into a second separate path? Thanks. Note that the eye is just ...
posfan12's user avatar
  • 542
22 votes
6 answers

How do I save an SVG that's on a website to my computer?

I need to work with a logo from this website (in the top left corner): Here is the piece of code I copied from the page: <svg viewBox="0 0 215 50" height="50" width="215" xmlns="
Aksana Zinchanka's user avatar
20 votes
5 answers

SVG for print graphics

How well has Scalable Vector Graphics worked for print? I need to programmatically generate graphics for inclusion in print documents. It seems there are only two serious contenders for a target file ...
user287424's user avatar
19 votes
6 answers

Why does my text made in Inkscape not display elsewhere?

I made quite some basic icons in Inkscape, but when displaying the SVGs in other tools (browser or basic Linux image viewer), The text parts are not displayed at all. How to get it to show up ...
hoijui's user avatar
  • 477
19 votes
1 answer

Is there any concept of size in an SVG?

I was wondering about SVG files. I know it's a collection of vectors defined by path tags in XML, thus why does it have a width and height in pixels in the svg tag and what if we removed those ...
Loredra L's user avatar
  • 305
19 votes
3 answers

How to change font of all the text in an SVG image at once using inkscape?

I am using GeoGebra to render geometric figures. Really nice software but it seems the text font cannot be changed in it. I know I can change font of text using inkscape by individually selecting all ...
Finch's user avatar
  • 343
19 votes
5 answers

Tool to create animated SVGs?

Are there any graphical tools to create and edit animated SVG images? Inkscape is great, but it does everything except animation. I created an image in Inkscape, then manually edited the XML to add ...
Mike Baranczak's user avatar
18 votes
5 answers

AI vs EPS vs SVG

What's the technical difference? I'm interested in switching from Illustrator to Inkscape and would prefer to work exclusively with SVG, but is this going to be a problem for my team if they stay on ...
corysimmons's user avatar
17 votes
2 answers

Convert Primitive to Path using SVG format in Illustrator

I've got a simple drawing in Illustrator consisting of multiple rectangles. I will need to handle that in code later one and saved the document as SVG. The rectangles come out as <rect /> nodes ...
George Profenza's user avatar
16 votes
3 answers

Is there a way to reverse the order of anchors in a path?

Is there any way to reverse the order of anchors in a path? I don't want to redraw the path again. I want to change the starting anchor point from the starting point of any path to its end. reversing ...
hsawires's user avatar
  • 5,357
16 votes
3 answers

SVG gradient implementation

Is it possible to recreate this sort of blurred gradient in an SVG?
Jared Garcia's user avatar
16 votes
1 answer

Font in inkscape is revolting instead of smooth

I used Inkscape to add the text Prostanthera ovalifolia to a PDF generated by R and it came out jagged with bits missing: The SVG file can be found online here. Inkscape was re-installed a few days ...
Ruth P's user avatar
  • 161
15 votes
6 answers

Changing the DPI of Inkscape’s PNG export

I use Inkscape and want to export a PNG image (of my SVG file) with dimensions 1080 px by 1920 px. However the DPI is always set to 90 and if changed, the dimensions change with it. Is it possible to ...
Happy's user avatar
  • 151
15 votes
2 answers

How to fit svg drawings to their canvas on the command line?

Cropping .svg files on the command line is simple: $ inkscape --verb=FitCanvasToDrawing --verb=FileSave --verb=FileClose *.svg I need to do the opposite. I want to fit the drawing into a 64 x 64 ...
Stefan Endrullis's user avatar
14 votes
5 answers

Is it unprofessional to provide svg files instead of eps?

I do most of my work for the web and often use svg files, when I need vector graphics. I designed a logo as part of a project for a client, and the client now asks for an eps file with transparent ...
jost21's user avatar
  • 301
14 votes
3 answers

How do you animate SVG for the web?

Vector graphics are now taking over the web and even mobile applications. Icons, buttons and elements of web pages or mobile apps are now becoming increasingly vector based, dropping bitmaps because ...
Emanuele Sabetta's user avatar
14 votes
1 answer

What is the correct style that describes the following images

What is the name or names of the style used in the following images. They are used on Google, Facebook,, and on info-graphics. I refer to them as lifestyle images but ...
Tjaart van der Walt's user avatar
14 votes
7 answers

Export multiple SVG files generated with Inkscape to multiple PDF files

I have around 150 SVG files created in Inkscape. Is there is a utility that can export all of these to multiple PDF or PNG files? Exporting individually is too time consuming, so I was wondering if ...'s user avatar
14 votes
6 answers

Which software renders a planar projection of a 3D object as a vector graphic?

I would like to create two-dimensional projections of three-dimensional geometrical objects. The drawings should be in a vector format, SVG or PDF, which can be imported by Inkscape or Adobe ...
Jan's user avatar
  • 338
13 votes
6 answers

SVG export from Illustrator CC distorts paths

I'm trying to create some icons to add to the Glyphicons library. I've created them using the pen tool (shapes) in Adobe Illustrator CC, they're ultra-basic. As PNG, or EPS they export fine. ...
Andrew Peachey's user avatar
13 votes
1 answer

What is meant by 'designing an icon at 100% scale'?

From the Android's Material Design guide, System icons are displayed at 24dp. When creating icons, it’s important to design at 100% scale for pixel-accuracy. What is meant by designing at 100% ...
Solace's user avatar
  • 327
13 votes
4 answers

Can I convert SVG text to path but reuse glyphs?

I have an SVG with a load of text on it. It's a carpark map with space numbers written on it. I display this in a web browser and thanks to a wonderful little bug in Firefox, the browser renders the ...
Oli's user avatar
  • 231
13 votes
3 answers

How to keep only the visible parts of the every object/path of a SVG image? Like "flatten" all the SVG

I have an SVG image with many objects, stacked. What I need is a final SVG, with the same visual result, but in a way that I could change the opacity of any object without revealing the hidden parts ...
Ignacio Lago's user avatar
12 votes
4 answers

What file type should I use for a logo when exporting from Adobe Illustrator?

I'm a fine artist, new to Adobe Illustrator. I'm in the process of designing a logo for a company using Illustrator. What type of file should I send them when all is completed, so they can use this ...
HVitae's user avatar
  • 123
12 votes
4 answers

How to export Animated SVG file from Adobe After Effects?

I am working on a text animation in Adobe After Effects and I want to export my animation as an Animated SVG so that I can use it on my website and Mobile Apps. Does anyone know how to do that?
Pratik Shah's user avatar
11 votes
5 answers

Is vectorizing an image copyright infringement if the image is not CC/Public domain?

Is it okay to vectorize this image to make a poster out of it even though the image is not Creative Commons or anything like that? I'm not using any part of the image directly and only going to use it ...
Durand's user avatar
  • 243
11 votes
1 answer

How can I create a tiling hexagon tesselation (for SVG/Web)?

I'm looking to create an SVG background image for a webpage using regular hexagons in a tessellation pattern similar to the image below. However, I need the hexagons to interconnect so I can use the: ...
Diode Dan's user avatar
  • 213
11 votes
5 answers

Convert PNG pixel arts to SVG without tracing

For a personal project, I designed some icons as PNG files and would like to export them as SVGs. I know the next question: I don't want a raster, I need vectors. I found this question but since it's ...
Chop's user avatar
  • 213
11 votes
1 answer

Illustrator exporting SVG, viewbox doesn't match artboard size?

I'm attempting to output an SVG from Illustrator. My artboard is 256x256 pixels. The top left of the artboard is at 0,0. When I export my svg, the viewbox attribute is 0.5 792.5 256 256. Why isn't it ...
Jake Wilson's user avatar
11 votes
1 answer

Automatically merge overlapping nodes in inkscape

My SVG has multiple line objects forming a closed shape. I must convert this into a single path, so that a laser cutting machine just follows the path to cut the shape from the material without jump. ...
myoan's user avatar
  • 213

2 3 4 5