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
1answer
87 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
886 views

Why are my elements moved after being exported to svg

I'm quite new to Adobe Illustrator, but used to PS. I wanted to experiment with Illustrator to create SVGs that can than be manipulated with JavaScript. I created some kind of background-layer and ...
2
votes
2answers
948 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
106 views

Generate/Extract for Illustrator?

Is there a way (plugin, add-on, etc) to export assets from Illustrator the way one does with Photoshop Generate? I'm finding myself spending a lot of time meticulously separating everything into many ...
2
votes
1answer
915 views

Get rid of thin white lines between shape 'joins'

I've created an icon made out of basic lines/shapes in Adobe Illustrator, then make it one solid, continuous shape. I want to use this icon as a pre-loader on a website, the idea being each 'segment' ...
2
votes
1answer
275 views

What's the best approach when designing website/app UI icons in Photoshop?

As the title says, I would like to know what's best to approach when inserting/using an icon when designing website/app UI. Should I insert it as a “smart object”, font-based icon, or vector mask? ...
2
votes
1answer
1k views

Convert SVG to AI in Bulk?

Is there a tool to convert SVG to AI in bulk? Everytime I search for this I simply get online convertors that convert SVG to bitmap formats, or similar stuff. I would need an offline tool, and one ...
2
votes
1answer
261 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
604 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

How to correctly recolor in Adobe Illustrator?

I have an SVG ( http://www.feingeist.io/wp-content/uploads/2015/08/Polygon_grey.svg), which I want to recolor. Initially, I wanted to achieve this by using CSS function background-blend-mode: ...
2
votes
1answer
59 views

SVG optimization practices when drawing in Illustrator

I’ve noticed that when exporting a file from AI to SVG, there is a lot of code created that is not necessary and I realized then that this code can be certainly optimised. Found this interesting SVG ...
2
votes
2answers
109 views

How do I export an SVG from Illustrator such that it renders well in small sizes?

I come from a Photoshop background and this is my first time dabbling with AI. I would like to show my product logo in a small size on a webpage (about 15px height). I currently have a PNG (created ...
2
votes
2answers
115 views

Making Demonstration graphics for web applications

I have been through a lot of websites which have the following kind of demonstration images/icons which look plain but awesome. What are they exactly called? What is the term for such graphics? Any ...
2
votes
0answers
312 views

SVG images for JavaFX-based game client

A group of programmers and designers are making a Trading Card Game (TCG). I work mostly on creative material. The Java game client is using JavaFX for GUI and we are looking to use primarily ...
2
votes
3answers
623 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
654 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
1k 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
3answers
8k 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. ...
1
vote
2answers
85 views

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 ...
1
vote
1answer
142 views

Segmenting a ring into three pieces in Inkscape

I‘m trying to re-create these shapes in Inkscape, namely the white lines: I could trace this image, but I'd like to know if there's a clever, and more accurate, way for re-creating the shapes. For ...
1
vote
2answers
118 views

How to get the x/y position of multiple points on an artboard

I've got a bunch of objects on an artboard and I'd like to know the X/Y positions of them all. It would be fine to either have pixel values, or a % from the sides of the artboard. Importantly, I ...
1
vote
4answers
412 views

How do I copy icon designs from Photoshop to Illustrator in order to turn them into .svg?

I'm a newbie in creating font icons from .svg. I created some icons in Photoshop (.psd), and now I want to copy all of them to Illustrator to create an .svg file but I don't know how to do it. Can ...
1
vote
3answers
95 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
127 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
117 views

Is it possible to online search for PDF vector images? [closed]

I'm trying to find an easy way to search the internet for PDF vector images. Update: using "free to use, share or modify, even commercially" filter Google Image Search: filetype:pdf spaceship ...
1
vote
1answer
61 views

Inkscape: Is it possible to always save as both SVG and PDF

Using Inkscape, I would like to automatically and always save my files in both PDF and SVG format. The reason is that I embed the PDF file into another document, while I want want to keep the SVG file ...
1
vote
1answer
233 views

How to create a vector (SVG) with XML Code?

I recently saw an icon on the web, a stepper motor image: but when I click "View image" it sends me to the page ...
1
vote
1answer
134 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
1answer
238 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
1k 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
1k 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
2answers
168 views

How can I trace the edge of a svg file using inkscape without rasterizing the image and re-vectorizing it?

I have an svg file composed of multiple shapes, and I would like to perform edge detection to create a path around the border of the image. Basically, I want the equivalent of Path --> Trace ...
1
vote
2answers
579 views

Batch convert svg to psd

I'm trying to use a bunch of svg icons on something I'm designing. Photoshop doesn't process svgs, apparently. I read Illustrator does and that I can just export it into psds. That much is managable ...
1
vote
1answer
509 views

Why are gradients and opacity rasterized when saving SVG's in illustrator?

I'm a web designer and frequently use illustrator to create graphics for use on the web. The most ideal format for me is SVG because it is light, performant and looks HQ at any size. Something ...
1
vote
1answer
21 views

PharmGKB diagrams; how do I convert them into customizable svgs?

I'd like to be able to convert this pathway (1) to SVG in a way that I can then edit (e.g., adding a legend to the diagram and edit some of the hyperlinks in the diagram). I have tried saving it as ...
1
vote
1answer
39 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
3answers
3k views

How to export .svg file from Adobe Illustrator with shape IDs?

My question is very simple. How to export an SVG file from Adobe Illustrator with shape IDs? When I export as SVG my group names turn to groups with group name as ID, that's the behavior I would ...
1
vote
1answer
166 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
4answers
5k 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 ...
1
vote
1answer
86 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
4k 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
1answer
530 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
43 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 to do that?
1
vote
1answer
44 views

Is there an Illustrator alternative which supports SVG natively?

By natively I mean the application needs to create, open, edit, and save in the SVG format without conversion. I'm aware that Sketch can open and export SVG files, but in doing so it changes the XML ...
1
vote
1answer
71 views

Problems with exporting SVG assets out of Illustrator

My workflow generally goes like this, design the icon on Illustrator and paste the icon and resize it for the design. Because our dev team needs SVG icons and not just the typical 1x,2x,3x assets, I ...
1
vote
1answer
19 views

Pasting shape path from file with different grid setting results in pasting previous grid

I am attempting to paste a shape path from an SVG with an SVG file with different grid settings into an another illustrator ai file. When I do this, I get a copy of the grid from the old file along ...
1
vote
1answer
52 views

How do I save svg FROM a website code?

I need to work with a logo from this website (in the top left corner): http://takiedela.ru/ Here is the piece of code I copied from the page: <svg viewBox="0 0 215 50" height="50" width="215" ...
1
vote
1answer
213 views

Creating high quality multi-resolution icons

Preface: I needed to design a few ( maybe 30 or so ) icons for an app that I'm developing. At first the thought of designing all those icons for different resolutions was really daunting for me ( and ...
1
vote
1answer
297 views

Create vector icons and export them later as PNG without antialiasing

I have created a vector file (svg) and now I wanted to export it as 66px x 66px, 44px x 44px and 22px x 22px PNG file. It should be used as a UIBarButtonItem in the navigation bar. Therefore I use ...