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
30 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,...
1
vote
1answer
15 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 ...
0
votes
1answer
26 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
26 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 (...
0
votes
0answers
25 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 ...
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 ...
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
votes
0answers
37 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
50 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
1answer
25 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
1answer
46 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....
0
votes
0answers
15 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
17 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 ...
-2
votes
1answer
36 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 ...
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.
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 ...
1
vote
0answers
15 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 ...
3
votes
1answer
27 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 ...
6
votes
1answer
62 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
2answers
67 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 ...
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
55 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
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 ...
0
votes
0answers
26 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
1answer
45 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 ...
0
votes
0answers
53 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 ...
3
votes
1answer
40 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 ...
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
41 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
36 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 ...
0
votes
0answers
28 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
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
56 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 ...
1
vote
1answer
39 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
54 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 ...
0
votes
1answer
79 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
46 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.
1
vote
1answer
98 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 >&...
2
votes
2answers
136 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
1answer
299 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 ...
0
votes
0answers
33 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 ...
1
vote
0answers
22 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 ...
0
votes
0answers
41 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 ...
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
23 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 ...
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 ...
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 ...
0
votes
0answers
34 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 ...