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

2
votes
3answers
2k views

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

Can I globally change colors in an SVG using illustrator?

I have an SVG graphic in illustrator. I want to replace colors, everywhere in the illustration, with different ones. Could I operate the color swatch to make the change? I'm looking for a global ...
2
votes
1answer
3k views

How to create Android PNG Icons from an SVG using GIMP

I'm pretty much a graphics design noob, as you can tell by this very basic question. What I am trying to achieve is to create a set of Android icons from an SVG file that I have. In case you didn't ...
2
votes
1answer
57 views

What is the best practice for laying out and exporting custom icons from AI?

I'm working on creating completely custom icons with AI and essentially exporting them out as an individual svg icons to be used in our app development. I have been experimenting with different ways ...
2
votes
1answer
118 views

Can I get Illustrator to save an SVG and retain a transparent stroke?

Below is an icon comprised of two images. The top image has a 1px transparent stroke "knocking out" the layer below. This is fine as an .ai file. However when I save as .svg the stroke has ...
2
votes
3answers
3k views

“Select by color” and “draw path from selection” in Inkscape?

I imported an image to Inkscape. Now I'd like to select all those regions that have the same (or to a certain degree similar) color. From this selection I'd like to draw a path (to which I can add a ...
2
votes
1answer
253 views

Creating underlines in callygraphy style

I am not very familiar with graphic illustration. I want to create some underline samples like in this example, maybe a little more understated: I have no Photoshop and I can't find any good ...
2
votes
1answer
337 views

Copy, paste, move colored squares - but keep them aligned to the grid

I am developing a word game for iOS and would like to use an SVG file as the gaming board. The SVG file (author: Denelson83, Wikimedia Commons) is almost perfect for my game - except for displaced ...
2
votes
2answers
232 views

Happy birthday, Mac. How to achieve canvas logo animation like this one?

How was this animation created? Can someone give an example how to create animation like this one? Is it possible to achieve animation like this one using canvas and logo in .svg format? Is this ...
2
votes
1answer
360 views

Export a single object in Illustrator without the other objects to SVG code

So I am pretty much desperate by now. I am a web developer and -designer, but I don't use Illustrator. I just don't need it at all. The file that I got from the graphic designer contains two ...
2
votes
4answers
1k views

How can I create SVG clipping masks?

I want to take a circle that has a blue border and a picture inside, and clip the picture so it fits inside the circle nicely. I'd prefer to use very small files, perhaps cut down in sprites. Once I ...
2
votes
1answer
422 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 ...
2
votes
2answers
2k views

How do I use an SVG “icon font” within Illustrator?

Trello uses an icon font and I'd like to figure out how to bring in some of the glyphs into an Illustrator project. Admittedly, this is going a bit backwards (usually you want to import Illustrator ...
2
votes
1answer
513 views

Why is my text messed up when converting a PDF to SVG?

I'm trying to convert a PDF to a vector image so that I can display it online. When I convert it to SVG, it doesn't convert the font glyphs correctly. When I convert to SWF, it is perfect, but I would ...
2
votes
1answer
171 views

Why do icons of the elementary icon theme have an “extra” path?

Lubuntu, a flavor of Ubuntu, ships with a few icon themes including elementary. Since many of the icons are .svg files, it's somewhat easy to make minor tweaks to suit one's visual preferences. While ...
2
votes
1answer
74 views

SVG coding envornment

I'm starting to learn SVG graphics coding, but I'm looking for something with a WYSIWYG kind of thing. Does such a thing exist? And what would you advise me to make the learning process faster?
2
votes
2answers
212 views

Add imperfections to vector graphics / drawings

I'm looking for creative ways to add imperfections or flaws to my vector graphics in order to make them appear more like hand drawn sketches. I'm working with Inkscape so tips that work here are very ...
2
votes
2answers
5k views

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

export multiple Inkscape SVG files to multiple PDF files

I have a number of svg files created in Inkscape. I would like to know if there is an utility where I can export all the svg files into multiple pdf/png files. I have around 150 such svg files. The ...
2
votes
2answers
845 views

How to add “move to” commands to an Adobe Illustrator path

So when you export an Adobe Illustrator file to SVG format, paths are encoded using the SVG path syntax. If you look at the <path data> element, it's possible to have moveto commands embedded ...
2
votes
1answer
150 views

Save a SVG of JUST what is showing

I have to admit that I'm a newbie to Illustrator. (Bezier curves I've never got!) I have a design that I'm preparing for laser cutting and it needs it in EPS/SVG. I see the Save as SVG option but its ...
2
votes
2answers
460 views

How can I outline (LaTeX) text in Inkscape?

This is a difficult question to google, as the term "outline" does not mean the same in Inkscape as it does in, e.g., Powerpoint. However, Powerpoint does not support Latex. How can I outline a ...
2
votes
1answer
1k views

How can I keep the font-width consistent in SVG across different operating systems and browsers?

I'm trying to add some text to a SVG file. The text is dynamic and shown over a rectangle which acts as background. Since the text is dynamic, the width of background rectangle also needs to be ...
2
votes
1answer
48 views

Saving an SVG with viewbox 0 0 in Illustrator

I've got a problem saving SVGs in their correct format in Illustrator. I want to save an SVG for web development with the viewbox as "0 0 100 100". The sizes, 100 width and height, are not a problem. ...
2
votes
0answers
70 views

Long Shadow Effect in SVG for Web

Basically I'm wondering if anyone has any ideas on how to efficiently get a long shadow effect with an SVG: Example Image My three ideas on how this might be possible: Hella detailed gradient map, ...
2
votes
0answers
334 views

Inkscape: Export SVG to LaTeX-PDF preserving text positioning

I am using Inkscape to export .svg files to LaTeX-PDF using the following command: inkscape --without-gui --file="<file>.svg" --export-pdf="<file>.pdf" --export-latex It generates a pdf ...
2
votes
1answer
879 views

How to batch-export SVG's to EPS on Windows or import them into InDesign CS6

I noticed that in Adobe CS6 there is still no way to import *.svg files into Adobe InDesign and Photoshop. Now I want to use a lot of svg's from "TheNounProject", due to their high quality and ...
1
vote
2answers
350 views

SVG to bitmap converter that doesn't generate horrible bitmaps

I've been using Inkscape to generate PNG's from various SVG files. This works fine for larger images, but for smaller images (like icons), bitmaps appear grainy and extremely anti-aliased at the ...
1
vote
4answers
3k views

Using inkscape to convert scanned color drawings to svg — recommended or no?

I'm an ebook publisher trying to include 10 color illustrations inside an ebook. It's not a fixed layout ebook but a reflowable ebook (i.e., an epub). Graphic example here: ...
1
vote
2answers
3k views

How to convert an Illustrator EPS to SVG and keep alpha channels and transparency modes?

I have an Illustrator EPS file which has a number of shapes that are set to multiply and overlay modes. I am also using a number of masks. Is there a way to export this art in SVG format and keep all ...
1
vote
1answer
91 views

Transform my icon SVGs to 32px x 32px icons in Inkscape

I'm a newbie to designing things in Inkscape. I'm developing a website, in which the tabbed content will have icons. Some of the icons I designed, I see, aren't uniformly 32px x 32px, when I set the ...
1
vote
1answer
95 views

Why does Illustrator CS6 read font information from a SVG file incorrectly?

I have a bunch of SVG files that were created by MagicDraw. In these files, I have several font definitions, e.g., <text x="152" space="preserve" font-size="11" y="376.958" ...
1
vote
2answers
2k views

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 ...
1
vote
2answers
69 views

Why is this font damaged in SVG?

I have a logo which has a symbol and some text. The stroke on the text is about 15px, so nice and fat. When I use it as an SVG image in a page, it works fine, except that when I increase the size, ...
1
vote
1answer
145 views

How to conceptualise and generate visualisations with many points interconnected via Bézier curves?

Can someone uncover the design process behind social network visualisations such as http://inmaps.linkedinlabs.com – and how those interconnecting Béziers are generated?
1
vote
2answers
911 views

Deliverable format for iOS graphics

The graphics designer I am working with has given me the 3 options for delivering the graphics for the iOS app. I want the delivered files to suit the following criteria: Good quality (Ex: for ...
1
vote
1answer
880 views

SVG Downward Inner Bevel

I am trying to reproduce this image as SVG: It was made in Photoshop simply by creating a rounded rectangle and setting an inner bevel layer style, downward. (It's a bit hard to see on this site, ...
1
vote
1answer
20 views

Converting from CSS3 to SVG

So, I was working on my site and an accidental mistake did a nice 3D effect to my new Logo, is there any way to convert or import a CSS3 code to illustrator so I can have it as .SVG?
1
vote
1answer
68 views

Changing text from 2-lines to 1-line - how to center the text field in a square again?

I am developing a word game for iOS and would like to use an SVG file as the gaming board. The SVG file (author: Denelson83, Wikimedia Commons) is almost perfect for my game - except that I would ...
1
vote
1answer
3k views

How to get <path> for SVG with Illustrator CS4

I'm trying to get the <path> data for an SVG file I'm creating with Illustrator CS4. It needs to look something like this, where I'm interested in retrieving the numbers inside the d ...
1
vote
1answer
3k views

Adobe Illustrator pixel to mm formula?

I import VECTORS in illustrator that i want to lasercut but they are measured in pixels. I want to output that to DXF. However i am wondering if pixels are converted to mm using a standard formula in ...
1
vote
2answers
5k views

Opening Inkscape SVG in Illustrator, not looking right

I'm new to graphics, and had to make a small poster for a competition. I created it in Inkscape, but found out they need a .ai file. I tried opening the SVG in Illustrator, and it just does not look ...
1
vote
1answer
502 views

How can I ensure my custom font-face icons alias correctly?

I have a set of icons as a custom font and am using them in place of an image sprite. The issue is the icons alias terribly at low sizes; i.e. the size that they are meant to be in the majority of ...
1
vote
1answer
50 views

Blank border when importing eps files

I'm really new using illustrator (to be honnest, it's only been two days). When I try to open eps files, there is a big blank border appearing around the image I've opened. I really don't know if ...
1
vote
1answer
243 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 ...
1
vote
1answer
51 views

Inkscape unable to add the same stroke width to all paths

Hi i just modified a text into paths and curved some paths, i attach an svg of my work. Now i just would like to add stroke to the object so that i can make bold the text, but as you can see , trying ...
1
vote
2answers
681 views

Cropping SVG files

How do I crop SVG files I created used MarvinSketch? Now I realise there are a few answers to this question like this one Getting rid of Whitespace in Inkscape but I've done that and it didn't work as ...
1
vote
2answers
117 views

Illustrator save as SVG: losing character tracking information

I'm trying to save two different versions of a certain SVG using Illustrator. The sole difference between the two versions is that a certain text element's tracking attribute was set. It seems ...
1
vote
1answer
312 views

What are the main performance issues in svg?

What are the main performance issues in svg? Out of filters, gradients , blurs, text rendering , clipping, transformations , etc, what takes the most resources to render? In particular, is it faster ...
1
vote
1answer
258 views

Inkscape: reusable components / objects?

We used Adobe Flash for SCADA visualization in the past, but we want to move towards SVG for new web-based SCADA projects. SCADA often uses the same, interactive symbols (like pumps, valves, ...) ...