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

0
votes
1answer
102 views

SVG Logo - Works in Chrome/Safari, faulty in everything else

I am just jumping into the SVG world, and have created a SVG logo for my magento site with animations and all. The animations and styling are all within style tags at the top of the SVG, and it works ...
0
votes
1answer
229 views

import psd as text into illustrator

I have a psd file with picture and text, that I am trying to convert to svg - so the text will be scaleable. I am working with cs5. I believe you can export as svg from photoshop-cc now, but I dont ...
1
vote
1answer
19 views

Remove transformations when exporting as SVG with Illustrator

Is there a way to remove path/group transformations when exporting as SVG with Illustrator? My problem is similar to this one but the given solution is only for Inkscape.
1
vote
1answer
94 views

Scaling SVG while preserving aspect ratio of embedded SVG

I am trying to build a map with a SVG. It should be possible to scale the whole map without keeping the aspect ration. However the aspect ratio of the markers should be preserved. Following SVG is ...
0
votes
1answer
33 views

Inkscape: export xml for Android drawable resource directory

I am a Newbie in Inkscape. I tried to find a solution on the internet but I didn't find anything about exporting XML for Android drawable resource directory. I would like to be sure if this program ...
1
vote
2answers
2k views

How to import SVG icons to Sketch so that they don't overlap and placed in order?

I've downloaded an icon set which has a folder containing SVG icons. When I select and drag the SVG files into Sketch, all icons are placed very close to each others so I'm ordering all of them by ...
0
votes
1answer
60 views

Export as SVG in Photoshop?

I have opened a PNG image in Photoshop. I want to export as SVG and make the image pixelated. How do I do this? When I zoom in the image in Photoshop, the image is pixelated. I want to have the exact ...
3
votes
2answers
6k 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?
0
votes
3answers
610 views

How to import vector graphics into Keynote 6.6.1

Apologies if this is the wrong forum for my question. I'm having a difficult time importing vector graphics (svg flat icons) into Keynote 6.6.1. Any pointers are greatly appreciated. Here are some ...
0
votes
2answers
55 views

Illustrator CS6 changes colours when saving as PNG or SVG

I'm creating artwork for a variety of purposes: Facebook Cover Photos (RGB) Business Cards & Banner Prints (CYMK) Document Headers (RGB) The red I am using for the FB Cover Photos is #b72025, ...
5
votes
1answer
2k 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 ...
0
votes
0answers
20 views

Vector transparency issues

My avatar on my website (http://www.jacksewell.uk/) has a shaded section on the right side of the face which looks fine on desktop but on mobile the shaded" section is just a solid black. Any help?
4
votes
3answers
116 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
votes
1answer
17 views

SVG Export in Corel Distorted

Hi Guys I know a similar question has been asked for Illustrator but the problem mentioned was mild in comparison. Some of the exports that I am making from CorelDraw X7 to SVG are getting distorted, ...
2
votes
3answers
82 views

SVG rendering issues in IE

I created this artwork in Illustrator CC and I'm "saving as" an SVG file (it has to be SVG for client). When I view the file in Chrome, Safari or Firefox it renders just fine for the most part. See ...
0
votes
1answer
174 views

How can I use just Roboto font with SVG's?

I am using Adobe Illustator to make some SVGs. I need the font-family to be ONLY roboto for the web. However every time I save it shows other roboto fonts like Roboto-Regular and Roboto-Light. I ...
0
votes
0answers
21 views

Can you save pixel art as svg in Illustrator?

I have made some (a lot) pixel art in Illustrator and I started to save them as PNGs. I then thought SVG would be better. When I do so, there are gaps between the pixels and some have moved over a ...
2
votes
2answers
82 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 ...
1
vote
0answers
16 views

Target what svg compressor option messes up file for sketch 3

I am using https://jakearchibald.github.io/svgomg to compress my svg image, its pretty good at what it does, but after running image through it, sketch 3 messes it up and it looks like this: Where ...
1
vote
2answers
2k 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" ...
3
votes
1answer
3k views

SVG images showing up blurry in Safari in any size smaller than 20 px

I am doing a mobile demo for the Ipad that we are demoing in Safari. I am using icons to get away from having to scale my images 3x. Problem is that any icons that I am using that are smaller than ...
1
vote
1answer
76 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 ...
0
votes
0answers
27 views

Adobe Illustrators buggy implementation of SVG Export

What I need: Multiple SVGs on the same web page. Each SVG has a clickable link inside it. File / Export SVG would be a great option. If it didn't remove all links... Create something with an URL ...
0
votes
2answers
54 views

Illustrator svg with screen shot image, large file size

I am using screen shots to present my web work then building an .svg with some additional layers, the resolution turns out great. I choose to save it as an svg because it maintains clarity, in the ...
2
votes
3answers
206 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
30 views

When Inkscape opens file, objects are jumped over the page

When I save and then open a file with Inkscape, it loads with object dislocated. I can then fix the object's location (it jumps near correct location after even slight move), save, but after opening ...
2
votes
0answers
31 views

Illustrator - Text to SVG paths without fill [duplicate]

When I create text in illustrator and export it to SVG with the option Convert to Outlines, I get the following: This is fine, except in the generated svg file there is inline CSS with the ...
11
votes
1answer
1k views

What is meant by 'designing an icon at 100% scale'?

From the Android's Material Design guide, System icons are displayed at 24dp. When creating icons, it’s important to design at 100% scale for pixel-accuracy. What is meant by designing at 100% ...
1
vote
0answers
22 views

What are the specs for material design icon? [duplicate]

I would like to draw an app launcher icon with Inkscape but the official guide seems to miss some specs. In my understanding, to design a material design icon I just need to put some shapes together ...
0
votes
1answer
17 views

How do I move groups TO the root layer in Inkscape

As the title shows, I need to move groups to root layer in Inkscape. This is needed because I'm using a Unity plugin that allows to automatically generate a PNG atlas from a SVG file, but unluckily ...
14
votes
3answers
17k views

Using the shape of an object to cut the object beneath it in Inkscape

I'm editing an svg in Inkscape and I have an object on top of another object. I'd like to use the shape of the top object to cut the object beneath it. For those who are familiar with GIMP, I'm ...
9
votes
3answers
7k 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 ...
0
votes
0answers
25 views

Ai save as Svg empty file

When I save an artboard as svg, I get a Svg file that is empty. I made sure that the artboard does not contain objects also outside the artboard in the same layer. When I paste the shape in the newly ...
6
votes
2answers
2k views

Is there a way to reverse the order of anchors in a path?

Is there any way to reverse the order of anchors in a path? I don't want to redraw the path again. I want to change the starting anchor point from the starting point of any path to its end. reversing ...
0
votes
1answer
43 views

Illustrator misshapes edges in exported *.svg

Does anyone know why when I save out an SVG icon that my edges get misshapen and do not look like what I have designed; Example: Smooth edges are exported as sharp. Thanks!
1
vote
1answer
52 views

PDF text has strange mark at end of line of text

I have artwork that has a strange mark at the end of each line of text. This artwork is originally an SVG that was converted to a PDF using cairosvg, then opened with CorelDraw and put into ...
3
votes
4answers
9k 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 ...
0
votes
0answers
37 views

Convert fill styled icons to stroke icons in Illustrator

so I want to use a script called vivus.js and one of the conditions for this script to work is: All elements must have a stroke property and cannot be filled. This is because the animation only ...
3
votes
4answers
81 views

Split a path into two separate paths in InkScape

I have a monochrome drawing of a face done in SVG. The entire face is one path. How do I for instance select just an eye and make it into a second separate path? Thanks. Note that the eye is just ...
10
votes
3answers
1k views

How do you animate SVG for the web?

Vector graphics are now taking over the web and even mobile applications. Icons, buttons and elements of web pages or mobile apps are now becoming increasingly vector based, dropping bitmaps because ...
0
votes
0answers
22 views

Clean .svg - export of text layers in Illustrator

I'd like to use .svg as a wrapper for illustrations so that all kinds of elements (captions, image) can be put in groups and controlled by the backend or browser. In the example below, I want to code ...
2
votes
1answer
2k views

SVG font file appears blank in Illustrator

I have an Illustrator file which you can download from here. However Illustrator CS6 seems to open the file as being totally empty. Is there something wrong with the file? Perhaps something I can ...
6
votes
3answers
310 views

Can I export an Inkscape SVG to a TTF file?

I have tried my hand at designing a font, and have made the individual SVG files for each character on Inkscape. Looking at other things about this topic, the answer always seems to be something along ...
3
votes
1answer
38 views

Saving image files with maximum compatibility for different displays?

There's a website I'm working on where students can read their textbooks online, page by page using an implemented PDF viewer. But I've noticed that this doesn't look particularly great on different ...
0
votes
5answers
357 views

AI vs EPS vs SVG

What's the technical difference? I'm interested in switching from Illustrator to Inkscape and would prefer to work exclusively with SVG, but is this going to be a problem for my team if they stay on ...
0
votes
2answers
63 views

SVG text cross-browser compatibility issue

First of all, I have to say that I am not good at Illustrator. I just make some basic graphics for the websites that I am working on. Here is one that I made: I exported as SVG format and put it ...
0
votes
0answers
19 views

Rounded Rectangle Anomaly in Sketch

If I create a rounded-rectangle shape in isolation, then remove the rounding on two of the corners and export as SVG everything is fine. Works as you would expect. However, in this instance I did ...
-1
votes
2answers
275 views

Website to apply some visual style to a vector image (SVG, etc)

Question: If I have a vector path (let's say it's an SVG), what's a website I can send it to and get various "styles" in return? What I mean by "style" is just: change the colors of the vector paths ...
1
vote
1answer
83 views

Illustrator breaking apart and prepending '_x3' to every element that starts with a number in SVG export

I'm not sure if this is regular behavior, but when I do an SVG export in Illustrator, each layer name I have that is a number with be converted to a format I don't quite understand. I'm creating an ...
0
votes
0answers
17 views

How to prevent Adobe Illustrator CS5 exporting SVG file without adding adding _x3##_##__ to each numbered path [duplicate]

OK I'm designing large car park maps with lots of spaces, up to 3000. I ran a script to automatically number the paths (spaces) to save doing this manually which can take hours and hours to get right. ...