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

4
votes
3answers
137 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 ...
3
votes
0answers
16 views

Logic behind displacement of notches when avoiding inverse trapping artefacts in SVG

I have a question that is based on the GD@SE question, "Is there a reason Hillary Clinton's logo has hidden notches?". Like that questions, this question is purely about graphic design and not ...
2
votes
3answers
139 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 ...
3
votes
4answers
1k 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 ...
0
votes
1answer
256 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 ...
156
votes
4answers
25k views

Is there a reason Hillary Clinton's logo has hidden notches?

This question is not political in the least! While looking at the SVG version of Hillary's logo found here, I noticed there were notches in the two vertical bars of the H. The arrow crossbar covers ...
3
votes
2answers
95 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
votes
0answers
35 views

Merging shapes in Illustrator but making a hole [on hold]

I'd like to merge to vectors but with the penetration of the outer one. I attach an image to make it more comprehensible.
4
votes
2answers
62 views

Create 2 morphable SVGs

I am trying to create 2 SVGs that can be morphed from one another in order to use them in an Android app. However, the requirements are rather strict: The 2 SVGs (from and to) must have the same ...
2
votes
1answer
26 views

Adobe Illustrator Embed Fonts in SVG File

Is there a way to embed a font in an SVG file from Adobe Illustrator or do I need to convert the fonts to outlines prior to exporting? Thanks.
6
votes
1answer
636 views

Is there any way to set fallback font-families in Illustrator SVG?

I'm trying to set up an action that creates versatile text-containing SVG files which can be used in various places including Wikimedia Commons. The only problem is, Wikimedia Commons only supports a ...
0
votes
0answers
22 views

Radial Gradient is lost when exporting to SVG - Illustrator CC

I have the following Illustrator Design (Properly Layered ) When I am trying to export the same to SVG, I am getting it like this. ( I had added a good resolution image for better visibility ) I ...
3
votes
2answers
89 views

Export to SVG with blend mode or “Apply” it

I have an image with a gradient background and a transparent gray shadow on top of it set to multiply. When I export to SVG, it loses the blend mode and appears gray. How can I have Illustrator ...
0
votes
0answers
28 views

I want to create and SVG file with a transparent background [closed]

I created a doc with several fonts and art. Then saved it to SVG. When I went to apply it to an online shirt creation, the background was white. I can only use the ones I save as PNG to get the result ...
3
votes
1answer
4k 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 ...
16
votes
4answers
19k 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 ...
1
vote
1answer
80 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
21 views

How do I add hyperlinks to an SVG export out of Illustrator?

I've followed the instructions here on GDSE on how to create image maps that open a URL in Adobe Illustrator (using CC): Add a hyperlink within Illustrator However, it simply doesn't work for me. I ...
0
votes
2answers
59 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
237 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: ...
6
votes
3answers
365 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 ...
2
votes
1answer
296 views

How to add a stroke property or animate the fill path of an svg?

I've been using a combination of Illustrator, Sketch, Inkscape, and Peter Collingridge's svg-editor to create and manipulate SVG's, but I've been running into a few issues. I am trying to create a ...
0
votes
1answer
32 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 ...
1
vote
2answers
3k 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" ...
0
votes
0answers
31 views

How to automatically export assets at multiple resolutions with Inkscape?

I use Inkscape for designing and exporting app assets. These assets are created a 4x scale (which corresponds to xxxhdpi on Android or @4xon iOS). Let's assume I have a vector icon that is 256x256 ...
-1
votes
2answers
113 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 ...
0
votes
1answer
30 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 ...
7
votes
1answer
575 views

Problems with Dynamic Text in SVG when font is not SVG

So, I have an graphics automation chain that has been happily running on a headless linux environment using programmaticaly generated/altered SVGs and PhantomJS (currently 1.9.0) as a final rendering ...
0
votes
0answers
35 views

Remove transform attribute from export selection to SVG in Illustrator CC

I have an illustrator file and all I want to do is export a selection as an SVG. When this happens, Illustrator adds a transform attribute to the path with a translate value. I believe this is added ...
0
votes
1answer
250 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 ...
3
votes
1answer
29 views

Little Gaps between rectangles when exporting .svg with Illustrator

i have these little white gaps between the rectangles (only in exported .svg files) In illustrator im able to zoom in as far as possible without seeing any of these Is there a way to fix this? I ...
1
vote
1answer
71 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
140 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 ...
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
0answers
26 views

SVG file excessive white space

I've created a vector using Adobe Illustrator CS5. The actual size is supposedly 30x30 px. For some reason, whenever I save it as an SVG file. It produces a file that is not 30x30 px. My vector is in ...
-1
votes
1answer
35 views

Is there any concept of size in an SVG?

I was wondering about SVG files. I know it's a collection of vectors defined by path tags in XML, thus why does it have a width and height in pixels in the svg tag and what if we removed those ...
2
votes
1answer
32 views

How to generate a single path for a SVG using Illustrator?

This is the same question as here, because that solution no longer seems to work. I am using live trace on a Bitmap, and the results are good. When I go to save the document as SVG and click on "view ...
4
votes
3answers
6k 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 ...
3
votes
4answers
1k 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. ...
0
votes
0answers
25 views

Problem converting SVG icon to font icon with iconmoon losing cutout

I have created a number of icons which I've used iconmoon to convert them to font icons. However, the eye icon loses it's centre cutout when I import the image into the iconmoon app. This is what ...
1
vote
1answer
44 views

Use Inkscape To Align SVG to Top-Left Of Canvas

I have an SVG which has bbox of something like SVGRect {x: 236.92999267578125, y: 99.98999786376953, width: 121.48001098632812, height: 224.70001220703125} How can I use Inkscape to position the ...
17
votes
1answer
14k views

Image looks embossed when converted to SVG

I converted a raster image to vector in Illustrator CS6 using Image Trace then the Expand option, though when I save as an svg the image looks embossed. I suspect it's due to the layer background ...
1
vote
0answers
27 views

Cant weld object edges on polygonal design (Illustrator) [duplicate]

I created a polygonal logo using many shapes, which I'm exporting for web in SVG format. My problem is that, although the edges of each polygonal face/shape is at the same position on illustrator (...
1
vote
1answer
30 views

Typekit font in SVG icon

I am trying to achieve my logo to be properly displayed on my website. I have created an SVG icon in Illustrator with a font from Adobe Typekit, it's Proxima Nova. The SVG Icon with text in it show's ...
0
votes
0answers
38 views

How to convert Visio documents with flowed text to Inkscape-compatible SVG?

I've tried to convert Visio documents (2010, 2013) to SVG for use with Inkscape 0.91 in two different ways, with unsatisfactory results. The trouble is always with the flowed text being incorrect in ...
1
vote
1answer
70 views

In Inkscape, can I link to a pdf/svg-file instead of embedding its content?

I am using Inkscape as a canvas to layout existing pdf/svg/png plots that I have made in Python, and then add some details and text to the overall figure. When I import the pdf/svg files via File >&...
0
votes
1answer
52 views

Responsive SVG path without distorting stroke

I have a simple SVG path with a stroke that I want to responsively resize with the browser window. The problem is that when my paths aspect ratio is changed, the stroke is distorted. This is the ...
0
votes
1answer
38 views

How to view SVG's code in Illustrator [closed]

I've been searching and I can't find out how to view the code of the SVG we have designed in Illustrator. Does anyone know how? I'm relatively new to Illustrator.
3
votes
4answers
10k 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 ...
-3
votes
1answer
30 views

Reliable method to extract fragments from an SVG in HTML/Javascript

I have a large SVG graphic containing several elements that I want to display across different parts of an HTML page. I'm using Illustrator. The reason I'm not putting them as distinct elements is ...