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.

learn more… | top users | synonyms

0
votes
1answer
54 views

Responsive SVG path without distorting stroke

I have a simple SVG path with a stroke that I want to responsively resize with the browser window. The problem is that when my paths aspect ratio is changed, the stroke is distorted. This is the ...
0
votes
1answer
39 views

How to view SVG's code in Illustrator [closed]

I've been searching and I can't find out how to view the code of the SVG we have designed in Illustrator. Does anyone know how? I'm relatively new to Illustrator.
3
votes
4answers
10k views

When I save as .SVG it adds extra whitespace width to the document

I have my image on the artboard and have clicked Object > Artboards > Fit to artboard bounds. When I save an SVG I get extra whitespace at the bottom, how can I just save whats in the ...
-3
votes
1answer
30 views

Reliable method to extract fragments from an SVG in HTML/Javascript

I have a large SVG graphic containing several elements that I want to display across different parts of an HTML page. I'm using Illustrator. The reason I'm not putting them as distinct elements is ...
0
votes
1answer
178 views

Inkscape: export xml for Android drawable resource directory

I am a Newbie in Inkscape. I tried to find a solution on the internet but I didn't find anything about exporting XML for Android drawable resource directory. I would like to be sure if this program ...
3
votes
2answers
8k views

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?
0
votes
3answers
2k views

How to import vector graphics into Keynote 6.6.1

Apologies if this is the wrong forum for my question. I'm having a difficult time importing vector graphics (svg flat icons) into Keynote 6.6.1. Any pointers are greatly appreciated. Here are some ...
0
votes
2answers
76 views

Illustrator CS6 changes colours when saving as PNG or SVG

I'm creating artwork for a variety of purposes: Facebook Cover Photos (RGB) Business Cards & Banner Prints (CYMK) Document Headers (RGB) The red I am using for the FB Cover Photos is #b72025, ...
5
votes
1answer
2k views

How does Inkscape decide whether to use flowRoot or text?

The program for which I'm creating svg doesn't display text that I create in Inkscape where Inkscape saves the text as flowRoot. When does Inkscape choose to use svg:flowRoot? Is there a way to tell ...
-1
votes
1answer
29 views

SVG Export in Corel Distorted

Hi Guys I know a similar question has been asked for Illustrator but the problem mentioned was mild in comparison. Some of the exports that I am making from CorelDraw X7 to SVG are getting distorted, ...
0
votes
0answers
30 views

Can you save pixel art as svg in Illustrator?

I have made some (a lot) pixel art in Illustrator and I started to save them as PNGs. I then thought SVG would be better. When I do so, there are gaps between the pixels and some have moved over a ...
1
vote
0answers
22 views

Target what svg compressor option messes up file for sketch 3

I am using https://jakearchibald.github.io/svgomg to compress my svg image, its pretty good at what it does, but after running image through it, sketch 3 messes it up and it looks like this: Where ...
0
votes
0answers
39 views

Adobe Illustrators buggy implementation of SVG Export

What I need: Multiple SVGs on the same web page. Each SVG has a clickable link inside it. File / Export SVG would be a great option. If it didn't remove all links... Create something with an URL ...
2
votes
0answers
31 views

Illustrator - Text to SVG paths without fill [duplicate]

When I create text in illustrator and export it to SVG with the option Convert to Outlines, I get the following: This is fine, except in the generated svg file there is inline CSS with the ...
11
votes
1answer
1k views

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% ...
1
vote
0answers
23 views

What are the specs for material design icon? [duplicate]

I would like to draw an app launcher icon with Inkscape but the official guide seems to miss some specs. In my understanding, to design a material design icon I just need to put some shapes together ...
11
votes
3answers
9k views

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 ...
0
votes
0answers
30 views

Ai save as Svg empty file

When I save an artboard as svg, I get a Svg file that is empty. I made sure that the artboard does not contain objects also outside the artboard in the same layer. When I paste the shape in the newly ...
6
votes
2answers
2k views

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 ...
0
votes
1answer
54 views

Illustrator misshapes edges in exported *.svg

Does anyone know why when I save out an SVG icon that my edges get misshapen and do not look like what I have designed; Example: Smooth edges are exported as sharp. Thanks!
1
vote
1answer
60 views

PDF text has strange mark at end of line of text

I have artwork that has a strange mark at the end of each line of text. This artwork is originally an SVG that was converted to a PDF using cairosvg, then opened with CorelDraw and put into ...
0
votes
0answers
67 views

Convert fill styled icons to stroke icons in Illustrator

so I want to use a script called vivus.js and one of the conditions for this script to work is: All elements must have a stroke property and cannot be filled. This is because the animation only ...
3
votes
4answers
153 views

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 ...
10
votes
3answers
2k views

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 ...
0
votes
0answers
35 views

Clean .svg - export of text layers in Illustrator

I'd like to use .svg as a wrapper for illustrations so that all kinds of elements (captions, image) can be put in groups and controlled by the backend or browser. In the example below, I want to code ...
2
votes
1answer
2k views

SVG font file appears blank in Illustrator

I have an Illustrator file which you can download from here. However Illustrator CS6 seems to open the file as being totally empty. Is there something wrong with the file? Perhaps something I can ...
3
votes
1answer
44 views

Saving image files with maximum compatibility for different displays?

There's a website I'm working on where students can read their textbooks online, page by page using an implemented PDF viewer. But I've noticed that this doesn't look particularly great on different ...
0
votes
5answers
1k views

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 ...
0
votes
2answers
80 views

SVG text cross-browser compatibility issue

First of all, I have to say that I am not good at Illustrator. I just make some basic graphics for the websites that I am working on. Here is one that I made: I exported as SVG format and put it ...
0
votes
0answers
28 views

Rounded Rectangle Anomaly in Sketch

If I create a rounded-rectangle shape in isolation, then remove the rounding on two of the corners and export as SVG everything is fine. Works as you would expect. However, in this instance I did ...
-1
votes
2answers
275 views

Website to apply some visual style to a vector image (SVG, etc)

Question: If I have a vector path (let's say it's an SVG), what's a website I can send it to and get various "styles" in return? What I mean by "style" is just: change the colors of the vector paths ...
1
vote
1answer
91 views

Illustrator breaking apart and prepending '_x3' to every element that starts with a number in SVG export

I'm not sure if this is regular behavior, but when I do an SVG export in Illustrator, each layer name I have that is a number with be converted to a format I don't quite understand. I'm creating an ...
0
votes
0answers
17 views

How to prevent Adobe Illustrator CS5 exporting SVG file without adding adding _x3##_##__ to each numbered path [duplicate]

OK I'm designing large car park maps with lots of spaces, up to 3000. I ran a script to automatically number the paths (spaces) to save doing this manually which can take hours and hours to get right. ...
6
votes
2answers
3k views

Is there a way to preview SVG files in Adobe Bridge?

I am not able to preview SVG files in Adobe Bridge since CS2 version. Has Adobe removed this feature or am I missing something? I'm using both Windows and Mac, version CC and CS6.
1
vote
2answers
166 views

How to batch convert/scale PNG files to SVG?

I currently have a library of 512wx512hx72dpi png files used for icons in web and mobile apps. I want to convert them to svg then scale them to final size (80x80) for mobile app menu. Yes, I would ...
3
votes
1answer
111 views

Weird lines in svg in browser which are not visible in AI

I'm trying to create a simple vector graphic for a bar. It looks as I want it in AI but gets some weird lines in browsers. Please take a look at the picture and let me know if you know what can be the ...
1
vote
4answers
185 views

How much SVG is too much SVG?

I make vector illustrations and I also do a little bit of web design. I really want to combine the two. I have some ideas for some image heavy websites that use vector images in SVG format, and I ...
1
vote
2answers
119 views

Specific svg file size

I want to export my logo from affinity to .svg in specific size, but affinity always sets size for 100% width and 100% height. Where can i change it?
1
vote
1answer
167 views

Is there a way to export Base64 encoded SVG's from Sketch 3?

I'm currently working on a site, and can't export SVG's from Sketch itself with no issue, but I am missing the Base64 code. Can I generate Base64 encoded SVG's from Sketch 3 when I export?
0
votes
3answers
7k views

Adobe Illustrator Save For Web SVG becomes empty

Windows 7, AI CS5 I have several artboards with different versions of a logo on them that I'm trying to save as an .svg file. ctrl+shift+alt+s to save for web. Active artboard's logo shows up in ...
1
vote
2answers
124 views

SVG mask not working

I have an SVG vector object that consists of a few paths, some of which need to be masked. For this I've made 5 SVG masks. All of them seem to be working (i.e. masking their respective object), ...
7
votes
4answers
18k views

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. ...
0
votes
0answers
60 views

Generating “String” SVG Data from photoshop

I am new to photoshop, switched from GIMP. In GIMP, you could do this: Selected the image and convert selection to path. Then Export Path and it would give an SVG file which when opened with notepad ...
0
votes
0answers
129 views

Best practices for a file of icons in Illustrator that can export perfectly to both PNG and SVG?

I'm using Adobe Illustrator to maintain a set of icons for a desktop application. Whenever I update them, I need to export them both to SVG and to a minimum-resolution PNG that matches the pixel ...
4
votes
3answers
14k views

How to export to SVG from Illustrator using Artboards

I am designing some icons. To keep the proportions correct, I designed all the glyphs in one artboard. Now, I want to experiment a little with SVG icons, so I want to export these icons to different ...
8
votes
6answers
173 views

Is it worth learning the SVG path attribute, or should I use a tool for drawing?

Is there an advantage of manually creating the graphic with the path element and d attribute (I guess with the help of math?), over using a tool like Inkscape to draw the graphic? Does Inkscape ...
3
votes
2answers
44 views

How do I allow " to render rather than " in inkscape?

I am developing a tool that will take Inkscape made SVG files. I want to make it so I enter various tagings like {{="test this"}} And my renderer, made it myself, would then replace the item with ...
0
votes
2answers
5k views

Converting SVG to EMF without loss of data

I have downloaded several SVG files and need to convert them to EMF format ( Enhanced Meta File ). I have used Inkscape's Save as to save it as .emf but loss of data occurred ( I was warned by ...
1
vote
2answers
65 views

Is there an automated way to remove cropped regions of embedded images in order to optimize the size of an Inkscape SVG file?

I am preparing some figures for a scientific publication using Inkscape. These figures are SVGs containing embedded bitmap images that are quite large, but only a small rectangular clipped region of ...
0
votes
1answer
85 views

Fill holes in compound path with color

I need assistant to figure out how can I fill the empty holes within compound path with color using Adobe Illustrator. Download .SVG file