Questions tagged [svg]

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.

144 questions with no upvoted or accepted answers
Filter by
Sorted by
Tagged with
4
votes
2answers
334 views

SVG for WPF from illustrator – URL?

Has anyone got some fool-proof settings for exporting SVG files from illustrator for WPF environment dev buttons? Specifically, I'm being told by the developers the icons with a gradient are ...
4
votes
3answers
641 views

Create SVG asset library with Illustrator

I'd like to use Illustrator to generate a set of assets for use in web. The idea is that I would define one or more defs that could be called upon late. It seems this is not the intended use, and to ...
4
votes
2answers
685 views

Coordinates of groups in Inkscape

I use Inkscape as a UI designer. I want to export each group as a single SVG using the python parser and Inkscape command line renderer but I have problems with the coordinates of each object. For ...
4
votes
3answers
650 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: ...
3
votes
1answer
952 views

Setting the Viewbox so that the inline SVG will “Snap” to the size of the containing element?

I created this simple inline SVG by saving as "Optimized SVG" in inkscape. Prior to saving I set the size to 200X200px. <div style="width: 200px; background-color: red;"> <?xml ...
3
votes
0answers
3k views

Clipping will be lost on roundtrip to Tiny

I'm trying to open a client SVG format image into illustrator, however I get this message "Clipping will be lost on roundtrip to Tiny" which means some parts of the image aren't clipped to where they ...
3
votes
0answers
423 views

Generate PNG`s from SVG`s (Asset Generator)

I am using Photoshop 2018 CC. Currently I try to generate Apple iOS compliant icons from several SVG`s (https://materialdesignicons.com): xx.png (24x24) xx@2x.png (48x48) xx@3x.png (72x72) The ...
3
votes
1answer
1k views

How to crop SVG images in Inkscape?

I want the sides of this SVG image trimmed: I tried opening it with Inkscape, selecting the region I want with the Rectangle tool and then Object → Clip → Set. But nothing happens.
3
votes
0answers
812 views

How do I set a new SVG Path starting point?

I'm animating an SVG using CSS and I need to edit the SVG to have a new starting point for the animation. The path is relative. How can I go about doing this in Inkscape? Same issue but ...
3
votes
0answers
2k views

Inkscape: Export SVG to LaTeX-PDF preserving text positioning

I am using Inkscape to export .svg files to LaTeX-PDF using the following command: inkscape --without-gui --file="<file>.svg" --export-pdf="<file>.pdf" --export-latex It generates a pdf ...
2
votes
0answers
106 views

How to batch convert multiple Inkscape SVG to plain svg and converts all objects/layers to paths?

I'm making some illustrations for a dissertation in Inkscape and I like this software. However, when inserting those illustrations to Word files, there appear some weird artifacts like: disappeared ...
2
votes
1answer
86 views

Illustrator to SVG: different shades for different browsers

I have just approached the world of design and so consequently I have many doubts about certain subjects, one of them is related to nuances. As you can see from the images below, my "project" created ...
2
votes
0answers
125 views

Convert SVG fonts to SVG shapes/images

I am dealing with an SVG font. Can I extract font glyphs from these font definitions as normal SVG images and/or shapes, and use those shapes in my application? The specific SVG font I am using is ...
2
votes
0answers
202 views

Inkscape SVG Stroke Size Changing Depending on Zoom

SVG Shape Gaps change when Zooming I used this tool: here to create a low-poly picture and then downloaded it as an SVG. I then noticed that the edges were overlapping and so I brought it into ...
2
votes
0answers
304 views

How to convert Ai file to SVG while keeping the layer name the same?

I have an ai file that I want to convert to svg file for websites. It is quite a large file with lots of object, I want to keep the objects name the same as the ai file in svg file. But when I convert,...
2
votes
0answers
148 views

Scribus can't import my MATLAB eps figure and has issues too if it's converted to SVG in Inkscape

I have a MATLAB script that produces figures in eps format. I attempted to import into Scribus but got a fatal error. Instead I imported into InkScape first to convert to SVG (no problem there), but ...
2
votes
0answers
1k views

How do I convert my Indesign documents to SVG files without losing/affecting my drop shadows?

I created documents in Indesign that have drop shadows applied to certain shapes. I'm trying to convert these documents to SVG files. Since there isn't a way to export from Indesign to SVG, I've ...
2
votes
0answers
562 views

Exporting SVG from Corel Draw - SVG stays distorted

Don't fully understand why, but some of my SVG files that I export are distorted. I am creating two fonts, and are having trouble especially with closed shapes like 8 and 0, but also with h - which is ...
2
votes
0answers
374 views

Online solution to combine/compound paths of SVG

I have the Google G logo below in SVG format and need to merge the paths to a single path. Is there any solution out there to solve this (preferably online) that doesn't require installation of new ...
2
votes
2answers
814 views

SVG xlink:href path to .jpg not working (inside my website project)

Why, when I open my .svg file alone in the browser it does show the picture from xlink:href but inside my website project it does not show the picture from xlink:href? This is the image from xlink:...
2
votes
0answers
193 views

Inkscape: Transform geometry of cloned path, but not the style

I want to design an illustration with a curved path and a skewed version of it. The original path org is somewhat "in flux" and a moving target; I have to adjust the shape of org so that important ...
2
votes
2answers
2k views

PowerPoint 2016: Text disappear when “Convert to Shape” an SVG plot

I am trying to "Convert to Shape" an SVG plot according to this tutorial (Convert an SVG image to an Office shape) in PowerPoint 2016. The SVG file I am trying to edit is https://svgshare.com/i/5AL....
2
votes
0answers
215 views

font-style: oblique as a substitute for italic, and vice versa

I have a hard time trying to understand font-style during investigation of transient bugs in a SVG→PNG converter) and comparing it against rendering in browsers. Common italic fonts don’t slant such ...
2
votes
1answer
578 views

How to batch add whitespace to rectangular images so they all will be square?

I have a lot of various sized rectangular images. I would like to keep them centered, do not change their size and only add white space, so every image would be square. After that, I want to convert ...
2
votes
0answers
129 views

Sketch: import SVGs with filters

I have an SVG with a filter tag that several elements are using. How do I get Sketch to recognize it? This is a simpler SVG, but it conveys my point: <svg width="230" height="120"> <...
2
votes
0answers
540 views

Adobe Animate: Export SVG seqence

I want to export a svg sequence in animate, however I can only find tutorials / info on how to export animated svgs. The latter is not usable in the project we are currently doing and right now it ...
2
votes
0answers
112 views

SVG file luminance masks not shown in Inkscape

I am generating SVG files with Python scripts (for mathematical diagrams) that use luminance masks on path elements. They appear perfectly in Chrome but the masks disappear when opened in Inkscape, ...
2
votes
0answers
587 views

How to import an SVG image and set the SVG width as the gliph advance?

I use Inkscape to draw one SVG file per letter and FontForge to integrate it. For this, I follow this guide of FontForge documentation. In the SVG file, I use the right border to indicate a character’...
2
votes
1answer
3k views

Is it possible to convert a path to a stroke?

What I'm doing is animating a stroke by first setting its stroke-dasharray and stroke-dashoffset, and then animating its stroke-dashoffset, so that the stroke appears as if it is being drawn by an ...
2
votes
0answers
458 views

How to fade out tail of path in InkScape?

How can I fade out this path from the bottom point, along the curvature of the circle, to the end point on the right? Or in SVG format: <svg xmlns="http://www.w3.org/2000/svg" width="437.074" ...
2
votes
0answers
244 views

Clipping filling the intersection instead of cutting

I'm fairly new to Inkscape, so I was trying to clip the upper part of this letter "e" with a rounded rectangle, but when I do that instead of getting the usual result of having the area outside the ...
2
votes
1answer
1k views

How do I create an emoji font?

I've got some svg/ai files that I'd like to turn into an emoji font. Is there a way to do this? Every time I try to import into FontLab, it only imports as a black and white glyph.
1
vote
0answers
25 views

Single incorrect glyph when exported to SVG at smaller font size (Illustrator CC)

I'm trying to export an SVG for web use from Illustrator and for some reason the o in this font family (Bilo) refuses to play nicely. This is what it looks like inside of AI. The larger text is 22px, ...
1
vote
0answers
40 views

Cleaning up nodes in Inkscape

I have the following SVG: I am using Inkscape to create and edit this SVG. I wanted to have my Mask layer as the background and put all the other stuff on top of it. So to do that I duplicated all ...
1
vote
0answers
24 views

Images resize when exporting them to SVG from Illustrator

lately I have been encountering a frustrating problem about keeping quality of images from Illustrator (v14.0.0) to Microsoft Word (2016). I created a mixture between PNG images, vectors and texts in ...
1
vote
1answer
30 views

Sketch - Apply transformation to shape?

How can I apply a transformation to a shape in Sketch, so that on export it actually changes the SVG coordinate values instead of just applying the transformation with a transform-property? I made an ...
1
vote
0answers
13 views

SVG Problem - how to minimize the number of segments in an SVG, such that it is easily tweenable in d3.js (Arcmap -> Illustrator -> d3.js)

I am creating a tweening web map that switches between different configurations of borders within a map. I'm using d3.JS to do this - here's an example of where I'm going http://jsfiddle.net/cormundo/...
1
vote
0answers
74 views

How to tell inkscape not to change manually entered paths in xml editor?

When I draw paths in inkscape, I can use the mouse to drag handles and nodes around or I can use the XML editor to manually tweak the d= attribute of a <path> object. However, if I edit the ...
1
vote
1answer
2k views

Is it possible to import my own SVG into Canva

I'm trying to figure out a way how to import my own vector SVG graphic to Canva. I've tried numerous tutorials on creating SVG files from Adobe Illustrator, I've tried numerous Ai to SVG convertors, ...
1
vote
0answers
148 views

Confusion about stroke and fill for SVG path animations?

I'm trying to replicate this SVG animation: Codepen-original but with my SVG logo. Here is the same codepen with my SVG logo: Codepen-with-my-SVG. I'm new to dealing SVG's and started learning and ...
1
vote
2answers
105 views

Editing SVGs created in Draftsight with Illustrator

I made a design in Draftsight saved it as an SVG file and imported it into Illustrator to make a vector poster. I separated out the elements to keep things organized. I seem to be having issues with ...
1
vote
0answers
30 views

How to access objects from a SVG image in Tupi

Given a SVG image file imported to a Tupi project, is it possible to edit the objects that this image contains (change their position, color, etc)?
1
vote
0answers
127 views

Is there possibility to export from Toon Boom Animation Harmony 16 Pro to json?

I'm a developer and we want to create an animated hero for one-to-one video chat and this here will be like the third participant. We want to get along only with css animation in extreme case start ...
1
vote
0answers
144 views

Set origin and rotation on a path with SVG's animateMotion

I'd like to apply a rotation on a path animated with SVG's animateMotion tag. Here's where I'm stuck at, my aim was to repeat the animated circle on the other three lines. It seems that transform-...
1
vote
0answers
38 views

How do I easily separate multiple objects on an artboard to new SVG files w/ sizes?

I'm new to Adobe Illustrator, so please forgive me if this seems like a dumb question. I have an SVG file with the USA map and all 50 states. I need to create 50 individual SVGs, one for each state. ...
1
vote
1answer
149 views

Comic style scheme

I would like to build a scheme in comic style. I found the CSS markup that I like (https://codepen.io/mp/pen/ldAFs) It seems like the following tags do the job border-width: 3px 4px 3px 5px; ...
1
vote
0answers
119 views

pdf created in Illustrator opened in Inkscape but pdf export misses features

I receive a pdf. This PDF was generated with Adobe Illustrator CC 22.0 (Windows) Adobe PDF library 15.00. I use Inkscape to extract a particular page and I copy one particular object (a white dot) ...
1
vote
1answer
601 views

How to override color on illustrations/icons that can't be flattened in Sketch App?

I'm trying to create a styleguide according to atomic design. For this I'm trying to create a set of icons where I can override the color so I can use them in different sets. I made an icon of a ...
1
vote
0answers
211 views

Illustrator: problem when saving as SVG

I'm trying to create documentation that will use the same files for the online content as the PDF content. The biggest challenge has been getting the images a suitable size and quality for both. I ...
1
vote
0answers
198 views

Programmatically hide certain elements in batch export of SVG with Inkscape

I have some SVG images which I'm exporting to various formats by means of Inkscape's command-line interface, driven by a custom Rake task. This is working beautifully, but I'd like to be able to ...