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
0answers
70 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 ...
0
votes
3answers
49 views

SVG: What to use when

I'm starting with svg files in my websites and I'm really wondering when to use the svg code or the svg image. i.g. When I save a file from Illustrator as svg I have two options I can use both. I ...
2
votes
2answers
73 views

Text background stands out when printing. What you see on screen is not what you get from the printer

Please can you advise me ? I made posters in Inkscape, being equations on coloured backgrounds. I blurred the equations because I think it looks "artistic" :) I then saved the Inkscape .svg files to ...
3
votes
3answers
298 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 ...
5
votes
1answer
119 views

Multilingual SVG for the web

Is there a way to create multilingual SVG files for the web? I have an SVG with text that I use on a website. Now if the user changes the language on the website I should normally create a new ...
4
votes
4answers
1k views

Can I make each group in this SVG file its own SVG file?

I have a huge SVG file that I filled with all the characters for a font. There are a lottt of characters and it'd take forever to manually copy each of them into its own file. Each character has all ...
0
votes
0answers
26 views

SVG file back to an AI

I saved an illustration as an SVG with style attributes and I forgot to save it as an AI. I would like to edit the contents but it has grouped and outlined my artwork. Is there a way to undo the ...
3
votes
3answers
572 views

What would you use as an icon to represent social media?

Ok, So I have a website I'm working on that uses 7 social media websites (facebook, twitter, g+, youtube, pinterest, instagram and tumblr) plus the rss icon. Rather than plaster them on the website ...
1
vote
0answers
42 views

How to indent entire textPara in Inkscape?

I have an SVG with some flowed text that has a hierarchy to it. My text currently looks like this: But I'm trying to make it so the second paragraph is fully indented some X units, like so: I'm ...
0
votes
0answers
59 views

How to save an SVG with a transparent background and fixed height and width?

In sketch I have one large artboard with a width of 1000 and a height of 2000. I made a grid to house 50 logo's with a fixed width and height of 200x200. So all the logo's fit in a square of 200x200. ...
1
vote
1answer
855 views

problem with pdf export in inkscape - line stroke [closed]

I had today some surprising experience in converting svg to pdf using inkscape. I am preparing drawings for laser cutter. for laser cutting, the drawing should be passed as pdf and the line stroke ...
3
votes
4answers
528 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 ...
1
vote
1answer
90 views

Distorting a gradient

In Inkscape, is it possible to distort a gradient so it follows a shape, instead of starting and ending outside of the shape? I would like to avoid raster effects if at all possible. This image is an ...
0
votes
0answers
102 views

Sketch SVG Export Issue (Mask)

I have strange issue connected with mask usage in Sketch. Here is the screenshot of what i have in Sketch and what I get after export: So, how to fix this, what am doing wrong?
1
vote
4answers
734 views

SVG export from Illustrator CC distorts paths

I'm trying to create some icons to add to the Glyphicons library. I've created them using the pen tool (shapes) in Adobe Illustrator CC, they're ultra-basic. As PNG, or EPS they export fine. ...
2
votes
1answer
55 views

Inkscape: why do coordinates in GUI and XML differ?

In the drawing below I have e.g., a rectangle. In the GUI, Inkscape says the rectangle is at Y position 0, but in the XML for that element it says 873. Why is that and how do I get the "real" ...
1
vote
3answers
317 views

Svg file size more than a png image

I have two files with same dimensions and I want to save my vector file to web SVG. Problem is that this file size is more than generate the same file to PNG for web. I think that I'm exporting ...
1
vote
1answer
398 views

inkscape problems exporting filling pattern to pdf

I have created a filling pattern. When I export to pdf a shape filled with such pattern I get something really different from what I see in the editor. This is an example: what I see: what I get: ...
0
votes
1answer
127 views

Problem exporting .svg to .pdf using inkscape [closed]

I have a problem when exporting (or "saving as") some .svg files into .pdf using Inkscape. For some reason, some random "small" parts of the pictures are not rendered. Is there a way to "force" ...
0
votes
0answers
36 views

Is it possible to export a PSD from Illustrator and preserve layer styles and shapes?

I'm testing this new workflow to be able to work in Sketch, export the SVG to Illustrator, do some magic there, and produce the PSD. But I'm having trouble making it export the vector shapes as ...
0
votes
2answers
83 views

Save only selected image to svg file

I have 4 artboards as shown below I would like to save just first image in separate SVG file. I do select image and save as SVG. I got images from first and second artborads overlaped. First image ...
2
votes
1answer
103 views

Sketch “Trim Transparent Pixels” is unselectable/greyed out

I am trying to export icon svgs to icomoon and am getting svgs with a huge artboard. I believe i need to select "Trim Transparent Pixels" checkbox on the artboard in Sketch but it is greyed out. I ...
0
votes
0answers
21 views

Export vectorial objects to import into Sketch3

I have got a .png adobe fireworks containing over 50 pages of a website design. Now i want to import all the objects (preserving vectorial mode) into Sketch3. How can i accomplish this?
2
votes
4answers
1k 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. ...
5
votes
2answers
2k 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.
3
votes
4answers
2k 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 ...
0
votes
1answer
81 views

SVG design rules for overlapping items

Stack Overflow Meta is discussing an issue about the favorite star. As we can see in high zoom rates, there is an unfilled area. Looking even closer, you can find more issues, e.g. that the whole ...
1
vote
3answers
107 views

Program to export SVG to print and animation?

I would like to create animated SVG diagrams for use on Web, as well as conventional print. At present I draw my conventional pictures on CorelDraw 12. When it comes to SVG I have no experience, but ...
1
vote
1answer
80 views

Add a TITLE and DESCRIPTION attribute to an SVG in Adobe Illustrator

Pretty much as the title states. I wish to add the TITLE and DESCRIPTION in the SVG file for accessibility purposes. I'm aware that you can edit the XML file directly, but I wish to do so using ...
0
votes
2answers
782 views

How to fit text inside a shape using iDraw

I'm trying to design a logo, and would like to fit the name of the product inside a shape. In this case, the shape is a closed path in the shape of a smile. Any ideas how I might achieve that? ...
0
votes
2answers
92 views

Exporting SVG from Corel Draw to Illustrator

I was working with a project, i need to export SVG or AI format from Corel Draw and I need to import it into the Illustrator , But If i design some filters or shadows in corel draw as path and when i ...
1
vote
1answer
148 views

How to convert higher order Bézier curves to piecewise cubic Bézier curves

Is it possible to convert higher order Bézier curves to piecewise cubic Bézier curves in Inkscape?
3
votes
2answers
140 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 ...
0
votes
0answers
22 views

How to produce a centered svg when using Extract Assets?

This is the design I have. I want my svg to look exactly like this but as you can see, using Extract Assets shifts everything to the left side. Is there a way I can have this centered on Photoshop ...
0
votes
0answers
26 views

How do I combine an SVG file with auto incrementing text in illustrator

Currently we have a series of sequential QR codes as SVGs. We are looking to add an incrementing unique number to the bottom of the QR code. Something like the following process. Import SVG ...
1
vote
1answer
214 views

Why is the svg black and white?

Someone edited my svg file and now, if I import it into Scribus 1.5.1, It is only black, all colors are gone. This is the commit at github, where the format of the svg changed. before, It was all in ...
2
votes
2answers
990 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 ...
0
votes
0answers
107 views

CorelDRAW does not apply SVG canvas size on opening

I have a SVG file generated using fabric.js. I need the SVG's size to be A3, so after generating it via fabric.js, I have to manually add "mm" to the sizee values to change the unit from pixels ...
1
vote
1answer
80 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 ...
0
votes
1answer
120 views

Create svg with selectable text

I am new to designing. I have photoshop and illustrator with me. I need to create an svg where I can be able to select the text inside it. As shown in this example where the text is selectable. ...
0
votes
0answers
118 views

SVG: Easiest way for shadows without filters

I'm developing an app which uses SVGs as graphical resources (for better scaling and crisp graphics). The programming part is just fine but the SVGs must not contain filters due to some programming ...
0
votes
1answer
128 views

Save svg without artboard in Illustrator

I have shape that I would like to save as svg file for web. I do: Save as Select Save as type SVG Use Artboard is unchecked by default Enter file name and save Unfortunately I got huge art board ...
13
votes
2answers
20k views

When should I use SVG or SVGZ for my web graphics?

From my understanding, The SVGZ is a compressed file type of an SVG. I love using SVG images and have had a lot of experience with them. All of the times I used them I have never had a graphic that ...
8
votes
2answers
6k 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 ...
2
votes
3answers
455 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 ...
1
vote
1answer
64 views

Why does Sketch mangle certain svgs when imported? [closed]

I have 2 svgs that look exactly the same on the web and in Illustrator. One of them has been run through a minify script. You can take a look at these 2 svgs and the code on codepen: ...
1
vote
1answer
60 views

Help with bad importing of Wikipedia SVGs into CorelDRAW X7 [closed]

I have a found several issues when importing SVG files found on Wikipedia to CorelDRAW X7. Whenever I import one, there are many artifacts or glitches. Examples are: Map of the German Empire within ...
0
votes
0answers
28 views

Vertical flipped line exported as SVG shows coords “flipped”?

I have a line created in Illustrator. This line have some small curves. Im animating (revealing) this line with an animation library. My issue is: In Illustrator I flipped the line vertical and when ...
3
votes
2answers
764 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, ...
0
votes
2answers
84 views

How do I recolor part of this shape in illustrator to create a 2-color svg?

I created shapes (icons) in photoshop and copied / pasted into illustrator in order to save as SVG, but I need to make one half of each icon (each 2-component icons) a different color. I'm pretty ...