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

3
votes
1answer
235 views

Svg not showing shadows in web browsers (Inkscape)

I have newly created a logo that has shadows applied with masks, so they only affect the logo itself, and not the background. Here's a picture: The text of the logo is splitted in 3 main layers: The ...
3
votes
1answer
112 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
62 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 ...
1
vote
1answer
221 views

How to transfer a logo from InDesign to Illustrator?

I need to save a logo as an SVG file and asked the designer who made the logo for the vector graphics so I can save it myself, since he didn't know what a SVG is. I was expecting a Illustrator file, ...
5
votes
1answer
129 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 ...
0
votes
0answers
27 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 ...
4
votes
3answers
154 views

How can I avoid auto-adjusting of the text dimensions in Inkscape?

When I create a text object in Inkscape, it automatically clips it and adjusts the dimensions of the object so it occupies as small area as possible. This might be useful in certain cases, but in many ...
1
vote
0answers
141 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 ...
3
votes
2answers
98 views

Exporting to epub - keep text on path editable

I am looking for a solution to the following problem: I need to export files from InDesign to an epub format. I am using the built-in export feature of InDesign CC 2015. It works pretty well, but I ...
0
votes
0answers
95 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. ...
3
votes
2answers
46 views

How do I allow " to render rather than " in inkscape?

I am developing a tool that will take Inkscape made SVG files. I want to make it so I enter various tagings like {{="test this"}} And my renderer, made it myself, would then replace the item with ...
4
votes
4answers
2k 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
1answer
106 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 ...
2
votes
2answers
120 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 ...
2
votes
1answer
125 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" ...
0
votes
0answers
220 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
3answers
1k 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 ...
0
votes
1answer
468 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
38 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
146 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
177 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
28 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?
0
votes
1answer
180 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
146 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
91 views

Font outlines for svg file with the smallest size?

I noticed that when turning a image with many texts into svg file, it'd be larger than its png file. The strokes of the outlines, which are part of font before we turning it into outlines, takes the ...
1
vote
1answer
184 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
248 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
851 views

How to change which anchor point on a path is the “starting anchor”?

I'm trying to do some animations for my website with SVG images that I saved in Illustrator. I'm running into the issue that the animation is starting from the wrong part of the path, and I'd like to ...
0
votes
0answers
26 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
42 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
618 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 ...
0
votes
0answers
170 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 (width=...
3
votes
2answers
9k 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 how to do that?
2
votes
3answers
243 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: ...
0
votes
1answer
171 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. ...
1
vote
1answer
107 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 ...
3
votes
3answers
510 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 ...
0
votes
0answers
193 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
496 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 ...
1
vote
1answer
94 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 ...
1
vote
1answer
84 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: http://codepen....
1
vote
0answers
36 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 ...
0
votes
2answers
141 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 ...
0
votes
1answer
114 views

Is it a bad idea to use a svg as a background image for a website file size wise?

I need to save out some images for a website project at work. These images will span the full background of the site using background-cover. I first thought that svg would be the correct choice but I ...
0
votes
0answers
38 views

How to make full svg fonts (not just outerlines)

I am trying to make an handwriting animation in html. What I need is a .svg from the signature. I have tried to make this in inkscape, but when I use this svg only the outerlines will be drawn. Can ...
3
votes
1answer
137 views

Some items in SVG drawing are showing up as question marks in various Mac OS apps, and Inkscape [closed]

I have an SVG drawing that has some little trees in one section of it. Up until recently it was all fine, but the latest version of it that was emailed to me recently has a really weird problem. ...
2
votes
1answer
240 views

Morph vector shapes by more than 100% (shape extrapolation)

I'm looking for the tool that can perform blending/morphing of two vector shapes by more than 100%, i.e. extrapolation. Standalone or online tool or plugin/script will work for me. It shouldn't be ...
1
vote
1answer
491 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
25 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
221 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 ...