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
0answers
6 views

How can I clean up an svg repeat pattern tile in Illustrator?

The svg was created with a seamless pattern app, but now I want to make a reasonably clean file in Illustrator without all the wrappers and multitudes of nested clip groups. I need to make it repeat,...
3
votes
1answer
29 views

Filling vector paths partially in Inkscape

I am trying to understand how to approach a problem where I have a vector path that I only want to fill only a part of the path of. For example, here is an unclosed inkscape path that I want to fill ...
0
votes
1answer
54 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 ...
2
votes
1answer
140 views

Set an XML attribute and value for multiple selected elements

Within Inkscape I'd like to Select multiple elements, visually Specify an attribute and a value (e.g. "style"="display:none" or "sodipodi:insensitive"="true") End up with all selected elements ...
4
votes
2answers
75 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 ...
1
vote
1answer
28 views

SVG font scaling appears different depending on viewer application

I have created an SVG image using Inkscape which consists of a QR code, with some text below the QR code. Before I submit the image to the manufacturer that will be in charge of printing the image ...
4
votes
3answers
153 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 ...
2
votes
3answers
175 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
298 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 ...
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 ...
1
vote
1answer
18 views

Gradient rendered differently in Inkscape (PNG export) and browser

I have created an image with Inkscape. This is how it looks in Inkscape and when exported as a PNG image: But when I try to display it as an SVG the gradient looks drastically different: In case ...
3
votes
1answer
36 views

In Inkscape, how do I add a white background?

Currently, the saved svg file has a white and gray checkered background, which I assume to be because the background is transparent. I am trying to make this a white background. I viewed other answers,...
2
votes
1answer
56 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.
0
votes
1answer
28 views

Transparent white PNG to SVG vector

I'm designing a logo and my customer already had a transparent PNG with some white letters on it. Now I need it to be a vector, but I can't shape the text like thate, so I thought that it would be ...
1
vote
0answers
29 views

How to export Photoshop shapes to svg with exactly same stroke effects

I'm not a designer, but I have to export image assets for a website from a PSD layout. I would like to use SVG format for icons for the sake of retina graphics support on the website. Some icons (...
1
vote
1answer
352 views

Resizing .SVG Files

I have hundreds of .SVG files of size (256x256) which I want to change to, let's say, 48x48. I know that I can do it manually or with the help of Actions in Illustrator, but is there any script or ...
0
votes
1answer
31 views

Text issues when exporting SVG from Illustrator to Inkscape

I've been given the cumbersome task of designing poster templates for a online university that need to be saved as SVG so their departments can make their own custom-filled files. The files are built ...
0
votes
1answer
29 views

Inkscape - When saving as SVG and uploading to web, nothing shows

I'm really new to Inkscape and I'm having problems exporting my file for use on a webpage. I've created a logo and exported it as a SVG by doing the following: File -> Save As -> Optimized SVG (...
0
votes
0answers
26 views

SVG logo size issues with mac mail for iphone

I am trying to keep some consistency to the sizing of my svg logo when sending emails from my phone and my desktop. I have adjusted the logo size for iPhone screens and pasted the html signature into ...
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 ...
3
votes
0answers
54 views

Generating font files from SVG files

I am trying to make an installable font (trueType, openType + web) from different svg files containing the characters. The tricky part is that the letter shapes are actually randomly generated by a ...
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
votes
0answers
38 views

SVG won't Align in Illustrator

Can't seem to figure out why svgs won't properly align in illustrator. I'm aligning to artboard and for whatever reason the object refuses to align properly. Here's it aligned horizontally Any ...
3
votes
1answer
56 views

SVG does not render properly

I just started using Inkscape today and began making a logo for my robotics team. The logo consists of a phoenix that has overlaid text reading "Project Phoenix", with various other descriptors ...
0
votes
2answers
65 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
242 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
33 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 ...
0
votes
1answer
47 views

I've programmatically created an SVG. How do I 'crop' it?

I used Processing to generate this SVG. As you can see, it's a series of triangles with trapezoids that gradually get smaller. It came out great, except I want to 'crop' the image to look like this....
2
votes
2answers
148 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.
0
votes
0answers
17 views

Animating SVG Stroke with Variable Widths (Greensock)

I am following a tutorial and trying to get the usual animation of a script font writing out a word via SVG and GreenSock, however it has varying widths while intertwining with other letters, so it ...
-1
votes
0answers
20 views

Shape not working on Fontello

I'm trying to convert this shape image from illustrator to svg and to font in Fontello. The result I get it is and I get this message from Fontello "If image looks not as expected please convert to ...
1
vote
1answer
27 views

Svg sprite from Illustrator (with separate viewBox for each element)?

Is there a way to export an .svg sprite directly from Illustrator, with a separate viewBox for each element? I am only able get one viewBox for the whole set of icons, even when each of them is on ...
1
vote
2answers
44 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 ...
178
votes
4answers
29k 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 ...
-2
votes
1answer
37 views

What technology to use to make animation in browser? [duplicate]

I want to make an animation of a blob of ink flowing down and then shaping into text. What js libraries can I use. On my research the only way i could find to do this was SVG with GSAP js library. Is ...
7
votes
1answer
601 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 ...
2
votes
1answer
25 views

How to reset the element IDs?

I work with a lot of Matlab figures which were exported to SVG-files. Matlab produces a lot of garbage alongside the actual image (mainly invisible lines). So there is a lot to clean up after ...
0
votes
1answer
261 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 ...
2
votes
1answer
251 views

Extract clipping path from EPS (without Adobe Suite)

I've been supplied a bunch of product shots in EPS format. Having seen the shots used in various publications I had a hunch that they had already been isolated. Simply opening the files in GIMP ...
8
votes
4answers
18k views

Preserving font type in illustrator SVG file

Hi I am new to illustrator and created an image that uses "Skia-Regular" font. But when I save that image in .svg format, it changes the font type. And when I open the .svg format file in browser the ...
1
vote
1answer
170 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
0answers
11 views

Can you someone please help me know which file formats of the designed logo shall be given to a developer? [duplicate]

Please explain which file format should be handed over to the developers so as they don't breakdown when used on webpages.
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
19 views

Inkscape: scale along direction

Is there a way in inkscape to make a scale of an object along a direction... The result may be something that can be done by rotate the object of -alfa scale the object in the x direction rotate the ...
8
votes
2answers
5k views

Embedding fonts in inkscape

Does any body know what is the current status of embedding fonts into an svg file that is readable by inkscape. I find the lack of embedded fonts severely impedes portability of svg files, particular ...
7
votes
1answer
64 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 ...
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 ...
6
votes
1answer
656 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
29 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
98 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 ...