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

-1
votes
1answer
20 views

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 ...
2
votes
1answer
13 views

How to generate a single path for a SVG using Illustrator?

This is the same question as here, because that solution no longer seems to work. I am using live trace on a Bitmap, and the results are good. When I go to save the document as SVG and click on "view ...
0
votes
0answers
14 views

Problem converting SVG icon to font icon with iconmoon losing cutout

I have created a number of icons which I've used iconmoon to convert them to font icons. However, the eye icon loses it's centre cutout when I import the image into the iconmoon app. This is what ...
1
vote
0answers
27 views

Cant weld object edges on polygonal design (Illustrator) [duplicate]

I created a polygonal logo using many shapes, which I'm exporting for web in SVG format. My problem is that, although the edges of each polygonal face/shape is at the same position on illustrator ...
1
vote
1answer
35 views

Use Inkscape To Align SVG to Top-Left Of Canvas

I have an SVG which has bbox of something like SVGRect {x: 236.92999267578125, y: 99.98999786376953, width: 121.48001098632812, height: 224.70001220703125} How can I use Inkscape to position the ...
-6
votes
0answers
21 views

“Responsive” animation, game design [closed]

I'm working on a game that's supposed to be responsive ( mobile, web, terminal etc. ). I'm currently stuck with animation. What is the best way to animate something and "make it responsive". SVG ...
1
vote
1answer
23 views

Typekit font in SVG icon

I am trying to achieve my logo to be properly displayed on my website. I have created an SVG icon in Illustrator with a font from Adobe Typekit, it's Proxima Nova. The SVG Icon with text in it show's ...
0
votes
0answers
25 views

How to convert Visio documents with flowed text to Inkscape-compatible SVG?

I've tried to convert Visio documents (2010, 2013) to SVG for use with Inkscape 0.91 in two different ways, with unsatisfactory results. The trouble is always with the flowed text being incorrect in ...
0
votes
1answer
29 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
28 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.
0
votes
1answer
23 views

Illustrator - change default size of SVG [closed]

I have an SVG image which I have "cropped" using Object > Artboards > Fit to Artwork Bounds But the image is very small. Is it possible to scale it to a different default size? How would I do that?
1
vote
1answer
34 views

In Inkscape, can I link to a pdf/svg-file instead of embedding its content?

I am using Inkscape as a canvas to layout existing pdf/svg/png plots that I have made in Python, and then add some details and text to the overall figure. When I import the pdf/svg files via File ...
-3
votes
1answer
25 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 ...
1
vote
1answer
38 views

Remove transformations when exporting as SVG with Illustrator

Is there a way to remove path/group transformations when exporting as SVG with Illustrator? My problem is similar to this one but the given solution is only for Inkscape.
0
votes
1answer
70 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 ...
0
votes
0answers
22 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
18 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
34 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 ...
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
22 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 ...
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 ...
0
votes
1answer
27 views

How do I move groups TO the root layer in Inkscape

As the title shows, I need to move groups to root layer in Inkscape. This is needed because I'm using a Unity plugin that allows to automatically generate a PNG atlas from a SVG file, but unluckily ...
0
votes
0answers
26 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 ...
0
votes
1answer
47 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!
0
votes
0answers
50 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 ...
-1
votes
1answer
20 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, ...
3
votes
4answers
100 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 ...
1
vote
1answer
59 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
27 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 ...
3
votes
1answer
39 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
2answers
70 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
24 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 ...
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. ...
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
1answer
123 views

SVG Logo - Works in Chrome/Safari, faulty in everything else

I am just jumping into the SVG world, and have created a SVG logo for my magento site with animations and all. The animations and styling are all within style tags at the top of the SVG, and it works ...
6
votes
3answers
334 views

Can I export an Inkscape SVG to a TTF file?

I have tried my hand at designing a font, and have made the individual SVG files for each character on Inkscape. Looking at other things about this topic, the answer always seems to be something along ...
1
vote
2answers
93 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), ...
0
votes
1answer
67 views

Export as SVG in Photoshop?

I have opened a PNG image in Photoshop. I want to export as SVG and make the image pixelated. How do I do this? When I zoom in the image in Photoshop, the image is pixelated. I want to have the exact ...
0
votes
5answers
656 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
0answers
48 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
2answers
63 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, ...
0
votes
0answers
64 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 ...
2
votes
3answers
108 views

SVG rendering issues in IE

I created this artwork in Illustrator CC and I'm "saving as" an SVG file (it has to be SVG for client). When I view the file in Chrome, Safari or Firefox it renders just fine for the most part. See ...
1
vote
1answer
113 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?
8
votes
6answers
156 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 ...
0
votes
2answers
55 views

Illustrator svg with screen shot image, large file size

I am using screen shots to present my web work then building an .svg with some additional layers, the resolution turns out great. I choose to save it as an svg because it maintains clarity, in the ...
0
votes
1answer
30 views

When Inkscape opens file, objects are jumped over the page

When I save and then open a file with Inkscape, it loads with object dislocated. I can then fix the object's location (it jumps near correct location after even slight move), save, but after opening ...
0
votes
0answers
40 views

SVG export for web with fonts

I'm trying to export an SVG image, which contains text from illustrator. I want to use it for a website. For SEO and size reasons I don't want to convert typo into vectors. What are the settings I ...
0
votes
1answer
61 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
1
vote
4answers
168 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 ...