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.

180 questions with no upvoted or accepted answers
Filter by
Sorted by
Tagged with
5 votes
0 answers
1k 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 ...
Araneus0390's user avatar
5 votes
3 answers
1k 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: ...
Fabian Jäger's user avatar
4 votes
3 answers
571 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 ...
user avatar
4 votes
2 answers
3k 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....
WCMC's user avatar
  • 141
4 votes
3 answers
956 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 ...
Daniel's user avatar
  • 151
4 votes
3 answers
458 views

Looking for svg editing software that supports the animate function

I am currently doing some simple svg files by hand. They contain simple graphics. Think of a circle representing a planet and a smaller circle passing in front of it representing a moon. I use the ...
Joe Molnar's user avatar
3 votes
0 answers
250 views

Why does my transparent icon have a square shadow on the desktop?

I'm trying to make an icon with transparent background. The icon has the shape of a circle, but when I put the icon on my desktop, there is a square shadow around it as though it were a solid icon. ...
Real Subtle's user avatar
3 votes
0 answers
228 views

Is there a way to insert mathematical expressions into an SVG's XML?

I'm wondering if it is at all possible to edit an SVG's XML so that M 36, 187 H 61.455844 can be more precisely calculated. I tried M 36, 187 H (36+18*sqrt(2)) to see if that would work, though ...
Mike Guin's user avatar
3 votes
2 answers
229 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 ...
Kyla Michelle Harrington's user avatar
3 votes
0 answers
5k 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 ...
Harry's user avatar
  • 31
3 votes
0 answers
440 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) [email protected] (48x48) [email protected] (72x72) The ...
appd234's user avatar
  • 31
3 votes
0 answers
264 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"> <...
Nathan Hinchey's user avatar
3 votes
0 answers
1k 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 ...
dingdingding's user avatar
3 votes
0 answers
2k views

Exporting SVG in mm instead of px in AI

I am trying to export my vector graphics as SVG. Inside Adobe Illustrator everything is just right, measured in mm. But when I use the "save as" option it always converts it to px (scale factor around ...
Alexander Meißner's user avatar
3 votes
0 answers
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 ...
Tobias Heinicke's user avatar
2 votes
0 answers
58 views

Combine large numbers of shapes while maintaining lines?

How do you convert a complex design of shapes into a single path? I have this design made from individual overlapping paths: that I want to etch using a CNC machine. The machine can read an SVG file, ...
Cerin's user avatar
  • 121
2 votes
0 answers
499 views

How do you apply a ID to a layer in Illustrator?

I've purchased an AI file of UK postcodes; pictured are the layers it uses with each area named "Path" I want these to be assigned an ID when I export as an SVG, so that I can apply ...
JimBob's user avatar
  • 21
2 votes
2 answers
297 views

SVG Artwork file size is huge, using texture brushes

I need help with SVG file size. Looking to use SVG Illustration artworks on app, msite and website. We are using texture brushes for outlines of human figures and objects in the artwork. The file size ...
ddr's user avatar
  • 21
2 votes
0 answers
207 views

Inkscape + Android Studio: Which one is the right format to export for compatibility?

So I was usually creating svg data with inkscape for my Android Projects but recently the import and conversion doesn't work anymore. I compared my old assets with the new ones and seen that the old ...
Doctor Apparatus's user avatar
2 votes
0 answers
115 views

How to set masks IDs in exported SVG?

Masks exported in SVG have a default ID of "mask0" <mask id="mask0" ...>. I tried changing the mask layer name, but it doesn't influence the ID in the exported SVG. How do I ...
Daniel Birowsky Popeski's user avatar
2 votes
0 answers
515 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 ...
user avatar
2 votes
4 answers
16k 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, ...
Joe Bloggs's user avatar
2 votes
0 answers
592 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 ...
SirMallard's user avatar
2 votes
0 answers
350 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; ...
com's user avatar
  • 121
2 votes
0 answers
470 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,...
Narcissus 's user avatar
2 votes
0 answers
242 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 ...
teepee's user avatar
  • 151
2 votes
0 answers
3k 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 ...
Ally Ogata's user avatar
2 votes
0 answers
987 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 ...
Jimmy's user avatar
  • 21
2 votes
0 answers
320 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 ...
akobel's user avatar
  • 121
2 votes
0 answers
259 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 ...
Incnis Mrsi's user avatar
2 votes
0 answers
634 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 ...
CrazyQwert's user avatar
2 votes
0 answers
141 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, ...
JohnBPuzzle's user avatar
2 votes
0 answers
842 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’...
fauve's user avatar
  • 121
2 votes
0 answers
637 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" ...
mpen's user avatar
  • 125
2 votes
0 answers
255 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 ...
Nathan Campos's user avatar
2 votes
2 answers
3k 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.
tyr.kassat's user avatar
1 vote
0 answers
41 views

Which is the best viewBox canvas aspect-ratio for an icon set

I've noticed that different SVG icon sets use different aspect ratios for the canvas (the viewBox on SVG). Font Awesome seems to use: 7:8. (source) Entypo use 5:4. (source) Typicons and Bootstrap use ...
eloyesp's user avatar
  • 111
1 vote
0 answers
114 views

How to make my animated SVG CLI-like typewriter effect work as intended? (SMIL)

I am just starting to learn to do SVG Animations, and I'm trying to make a command-line style 'typewriter' effect, typing out several different lines of text, one after the other. I would like the ...
demospasser's user avatar
1 vote
0 answers
162 views

Create an SVG image of shapes with a shared border using Inkscape?

Is it technically possible to make an SVG image of shapes with a shared border, or is there some technical limitation? I have this image of tessellations where a border is shared, and I'm wondering ...
Pando's user avatar
  • 11
1 vote
0 answers
123 views

How to Scale Parts of an SVG Separately Using Adobe Illustrator

I am rendering SVGs on a website. There is an SVG I want to use for buttons, but the SVG is a complex design and the website needs to be responsive. Simply scaling the SVG with the viewport can't ...
Daniel Kaplan's user avatar
1 vote
1 answer
102 views

Recolor shapes from an image

At scale, how can I recolor shapes based on the image they're covering? For example, if you had a picture of a map, and you wanted to recolor a bunch of stars laid over top of it. If you only had a ...
saucewaffle's user avatar
1 vote
1 answer
364 views

Remove transforms on <use> elements in Inkscape 1.2

is there a way to "tell" Inkscape to apply x/y coordinates on elements (clones of a symbol) instead of transform() when positioning? The known trick with ungrouping/regrouping cannot be ...
Jan Viehweger's user avatar
1 vote
0 answers
67 views

See image level changes made in Photoshop in real time in Illustrator

How do I open an image in both Adobe Illustrator and Photoshop (interlinked) so that after I place an SVG filter on the image in Illustrator and I change the levels of the image in photoshop, the ...
Chris P. Bacon's user avatar
1 vote
0 answers
623 views

Is there a way to export SVG files from Adobe XD without id's?

When exporting (for example) icons from Adobe XD as SVG files, the code contains ID's that are for me unnecessary. When I want to use the SVG files for instance inline in an HTML file, it will give ID ...
rickhekman's user avatar
1 vote
0 answers
44 views

Trouble creating a diamond in svg

I am trying to create a baseball diamond via svg. Here is what I have Baseball SVG But the diamond portion does not look correct to me, the left side seems a little pushed out or elongated. But the ...
Mike's user avatar
  • 111
1 vote
0 answers
184 views

Bad result in saving SVG if Illustration is complex

If I save an SVG of an Illustrator graphic it is unsatisfying. How can I save SVG files with complex graphics with shading and 3D effects?
JackOh's user avatar
  • 11
1 vote
1 answer
201 views

How to maintain individual colors when duplicating or grouping in Inkscape?

How do I keep individual objects, each a different color, from changing to a single color when I duplicate or group? It is an SVG file in Inkscape This is a purchased file. When I group, duplicate, ...
Cheryl's user avatar
  • 11
1 vote
0 answers
357 views

Inkscape changing last imported SVG colors when importing a new SVG

I am using Inkscape 1.1 (2021-05-23) to create some templates for a reMarkable 2 Paper Tablet. When I import an SVG into the canvas reusing pre-existing work, the colors are retained. However, the ...
FilBot3's user avatar
  • 111
1 vote
0 answers
42 views

transform greyscale line into a vector gradient with minimal "svg-instructions"

I am trying to create a Moiré effect. I have an svg containing straight, black horizontal lines. My second pattern consists of a black and white photograph, overlaid with straight, white horizontal ...
ammut's user avatar
  • 111
1 vote
0 answers
140 views

InkScape - Unable to save as "Optimized with svgo"

I followed the instruction from here to install svgo-inkscape extension. The extension now appears in InkSCape's Save as dialog. But when I try to save the following file as Optimized with svgo (*.svg)...
nam's user avatar
  • 137