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
778 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
258 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
254 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
596 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
47 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
99 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
3answers
540 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
2answers
482 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
630 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
7k 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
587 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
2answers
98 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
352 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
121 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
99 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
121 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
1answer
56 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
198 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
227 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
80 views

Join mid points of two adjacent paths in Inkscape

I have two adjacent paths in Inkscape with a tiny empty space between them. I'd like to combine them into a single continuous path such that each two adjacent nodes (in the below image) become one ...
1
vote
2answers
114 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
469 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
437 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
36 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
2k 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
4answers
4k 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
85 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
35 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
48 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
150 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
235 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 ...
1
vote
1answer
326 views

Export from Sketch - vector to SVG strange output

I'm trying to export some vector icons I drew from sketch into SVG and PNG. Here are my icons in sketch: All nice and crisp. The shapes are in a group and against a mask, like so: When I click ...
1
vote
1answer
161 views

Saving AI to svg

I created some art with a Rectangular grid tool. I created the shape, converted to a live paint and started my pixel art. As I was done I tried to save it to SVG but when you open the image, it ...
1
vote
1answer
132 views

How can I locate points on a path that are not smooth in Adobe Illustrator?

I have drawn a number of shapes freehand on a graphics tablet in Adobe Illustrator. Most of these shapes are blob-like and almost all points on the paths are smooth. They'll show handles if selected, ...
1
vote
1answer
138 views

How do I remove parts of a SVG that aren't on the page?

I downloaded this file from Wikimedia Commons (1) but there's a heap of the picture that doesn't fit on the document page and I'd like to know I can cut what doesn't fit on the page off so that it no ...
1
vote
1answer
84 views

Text SVG losing formatting and glyphs when export from illustrator

I am exporting SVG from illustrator and the text with special characters is falling apart with special characters. Is there a way to do this correctly? This is what it should look like This is ...
1
vote
1answer
238 views

SVG font-weight changes when rendered in html

I have a logo in SVG format that I am using on a UI Prototype I'm creating using HTML5. I created the SVG using Inkscape. Today I noticed the logo's font-weight has changed, and I can't seem to change ...
1
vote
1answer
194 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
2answers
6k 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 ...