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.

Filter by
Sorted by
Tagged with
0
votes
1answer
9 views

What are symbols as opposed to text, and how can I convert them to paths?

When I export an ER diagram in MySQL Workbench as SVG, its text uses <symbol> tags. This makes it impossible to copy the tables to another file, without breaking the layout. (The copied object ...
0
votes
0answers
50 views

In Illustrator, elements with SVG filters appear rasterized

I'm trying to use SVG filters for the first time and I can't understand why they seem to be rendering so badly. For reasons that I don't understand, when I apply any SVG filter, the element I've ...
0
votes
0answers
154 views

How to Batch Resize .svg images on a mac?

I have a batch of 14,000 images which are all different formats (.jpg, .png, and .svg), and I'd like to make the height on all of them 550px max while maintaining aspect ratio. I'm stuck on how to ...
0
votes
0answers
25 views

Keeping image-quality when saving Word as PDF

I would like to keep SVG images inserted in a Word (2016) document without lowering their native quality (first image) when saved as PDF. Default save-to-PDF from word messes up the images' quality (...
1
vote
0answers
28 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 ...
0
votes
0answers
89 views

How to reduce the size of SVG file for Cricut

I have several designs created for graphic T-shirts. Due to the size of each file, the error message reads, "File Too Large". I have tried reducing the size in Adobe Illustrator using the rastersize ...
0
votes
1answer
81 views

How can I create a “pill” SVG image in XML (by hand)?

I need to generate an SVG image of a pill box, like so: I know how to draw a circle with the <ellipse> element, how to draw a <path> element with the M (moveto), L (lineto), and Z (...
0
votes
0answers
50 views

Having extra white space at the left and right side of my SVG after exporting from Illustrator

I made a 1920x1080 sized SVG using Illustrator. After exporting to SVG, there are spaces at the left and right side of the SVG. I had tried a few times and make sure than i fit the artwork to the ...
2
votes
1answer
156 views

Inkscape causing tool paths to be doubled/duplicated

I just got my hands on a pen plotter today and have been experimenting with using Inkscape to generate gcode from an SVG graphic. The graphic is a bunch of lines generated by a Processing 3 sketch. ...
0
votes
1answer
39 views

Colour distortion of SVG object when moving and scaling in Inkscape

I downloaded an SVG file of button icons from Opengameart.org. I opened it in Inkscape. I selected and scaled all the button icons to let’s say 400%. Some are scaled fine but about half of them ...
1
vote
0answers
28 views

Inkscape - Ungroup and Break Apart vie Inkscape CLI

I am relatively new to this topics. I am trying to covert my svg file into dxf. This can be done with GUI and works fine but I have a lot of such small files which are needed to be converted to dxf so ...
0
votes
1answer
81 views

Incomplete image when exporting SVG from Inkscape

Thank you for your answers in advance. I have the following image in inkscape, which has no layers (the background is usually white). When I export to Optimised SVG it appears incomplete (and ...
0
votes
2answers
69 views

Cutting a letter from a square Inkscape?

If I do this sequence with a circle and a square, it works. However if I do it with a square and a letter it does not. How do we do this with a letter: 1) Create a square 2) Select it and do Path &...
1
vote
1answer
31 views

How to modify thickness of existing graphics in Inkscape?

I have an existing svg image: source: https://www.svgrepo.com/svg/165174/thought-bubble And I'd like to modify the thickness of lines to be a bit slimmer. How could I achieve that in Inkscape? The ...
0
votes
1answer
23 views

Does it matter whether multiple text objects are selected when doing object to path?

In this video, instead of selecting all the objects and doing Object to Path he selects on text object at a time. Does it make a difference whether multiple objects vs. just one are selected?
0
votes
1answer
31 views

Refreshing SVG in Illustrator after editing in VS Code

I have a SVG which I have opened in Visual Studio Code and in Adobe Illustrator at the same time. I am using VS Code to edit the markup. I was wondering if there is a way for me to refresh the svg ...
0
votes
2answers
70 views

How to replace a mask group from within a component in Adobe XD?

I'm new to the concept of a component in XD, but I found it to be very powerful. Right now I would like to create a master copy of a component that is a button and contains an svg inside of it, but ...
6
votes
2answers
877 views

How to convert flat icon to simple 3d icon?

I'm trying to make a simple 3D icon from a flat SVG image, unfortunately without success. What I want to achieve can be seen in the picture below. What steps should I take to get this effect? How do ...
0
votes
0answers
10 views

Shaping complex SVG elements as per textPath for text?

Is it possible to have something like the textPath in texts for forming other SVG elements, for instance a complex group <g> of paths to be shaped inside another path. Is there something like ...
0
votes
1answer
153 views

Pasting Inkscape vectors on Krita

I have some projects on Inkscape that I would like to transport to Krita as there are more tools there. However, when I copy them and then paste them on Krita, nothing is pasted. I tried both with the ...
3
votes
2answers
282 views

Is there a way to stack two SVGs on top of each other?

I have two SVG images: 1 <svg width="260" height="260" viewBox="0 0 16 16" fill="rgb(255, 115, 0)" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" fill="rgba(146, 168, 209, ...
0
votes
2answers
22 views

when creating icons that will be used as SVGs, is it important to have shapes occupy whole pixels rather than a portion of it?

I understand that if you have shapes taking only half of a pixel in an image, it will look blurry as a rasterized image. Since ill be using them as svgs and glyphs will the same problem retain? I ...
0
votes
1answer
49 views

Inkscape distorts SVG, browser does not

I have this image: https://upload.wikimedia.org/wikipedia/commons/0/08/Sphere_wireframe.svg. When I download and open it in my browser (firefox and chromium) or image viewer (eog in my case), the ...
2
votes
1answer
54 views

How to write SVG manually so it is displayed in Inkscape?

I'm trying to write some SVG for illustration and while it renders well in: Chrome Firefox http://svg.enshrined.co.uk/ see screenshot below for an idea But nothing gets displayed in: Inkscape (...
0
votes
1answer
62 views

Inkscape/svg: convert embedded images to external linked files

I have a .svg with embedded images (which was imported from a .pdf). I'd like to convert all the embedded images to external linked files.
3
votes
1answer
93 views

Getting concentric circles to have equal spacing in Inkscape?

In this youtube at this point in time the designer snaps circles equidistantly around each other, but does not show what settings are necessary to achieve this? Thoughts?
0
votes
0answers
258 views

Inkscape: change font in multiple text boxes AND maintain size?

Objective: be able to select all instances of a font in an SVG and replace it in situ with a different font and have the resulting text maintain the exact same size and relative positioning. When ...
1
vote
1answer
52 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
1answer
30 views

How to use one a group of objects on one layer to cut into another?

I have a basic shape (crescent shape) on one layer and a bunch of lines on another layer. I want to use the red lines to "cut" the crescent shape. Not in a mask but actually alter the crescent shape ...
0
votes
2answers
181 views

Inkscape SVG to OTF / TTF

I am trying to create a font in Malayalam ( India ). I have all the necessary Unicode characters with a uniform size in 142 SVG files. I tried to create font through Icomoon and many other services. ...
6
votes
2answers
549 views

How does Inkscape make a node segment smaller symmetrically?

In this YouTube video at this point in time the designer makes the node segment smaller symmetrically so that it stays centered by using the keyboard, but it does not show the shortcuts. How is this ...
0
votes
0answers
51 views

Using href and use within Inkscape

While editing svg fonts for displaying within linux's KDE, I've encountered a problem. I'm using Inkscape to preview the file while editing the svg files by hand (don't judge, I'm quite adept at HTML/...
0
votes
1answer
44 views

Why image elements in SVG export

I have this illustration in .ai format that I try to export to SVG. When it is exported the resulting file is so big. Opening the SVG file I notice that it consists of lots om image tags/elements. ...
2
votes
0answers
217 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 ...
0
votes
1answer
29 views

Inkscape: alternative to setting a mask to a group of objects in order to achieve slight transparency of said objects

I cannot seem to properly apply a simple mask to a group of two ellipses (in order to make it slightly transparent) with Inkscape 0.92.4. The resulting image becomes completely transparent instead of ...
1
vote
1answer
108 views

How to not get pixel/serrated edges for a logo exported from Inkscape?

I created my logo with Inkscape so it's format SVG, on Inkscape when I zoom in it does not pixel. But when I zoom in on the png file exported, the edges/strokes are not smooth, are serrated, pixel... ...
0
votes
2answers
376 views

Convert png into svg and then use it in html between svg tag

I have web portfolio with images for the websites I worked on. For responsiveness I think SVG would be a better choice so that it does not lose any quality when browser is resized. For that reason I ...
0
votes
0answers
66 views

SVG Path's dimensions

Is there a way get the dimensions i.e. width and height of a (possibly complex) Path element? More specifically i want to draw a rect around some Path elements, for which i need to know their ...
0
votes
0answers
31 views

Closed Path For SVG

I am drawing in Adobe illustrator. How we can generate a Closed Paths for that Drawing. For example I need to Create closed Paths for this Drawing. That means If we apply a Fill Color the Closed ...
0
votes
2answers
52 views

How can I create a transparent background for an object that's on top of a white background with AI?

What I am looking to do is for those areas in red to be transparent. However the problem is that they are placed on to of the areas in white so they do not show the background when the svgs is placed ...
0
votes
1answer
29 views

Closed Objects in Adobe illustrator

I am new to Adobe illustrator. There are 13 Paths available in the above Picture. My Question here is to can we make the above Paths into three closed Paths. As joining mentioned below Path one 1 , 2 ...
2
votes
1answer
241 views

Export After Effects animation to SVG + CSS?

Is it possible to export After Effects animations to SVG + CSS? I'm okay with a commercial solution for this. I know about Bodymovin' and Lottie, but I would like to avoid going down this path, ...
0
votes
1answer
47 views

When importing this simple SVG into Photoshop it doesn't show anything, why?

I'm trying to import this SVG, but for some reason it's not working. <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="#FF5900"> <path d="M15.289 8....
0
votes
0answers
12 views

Saving as SVG changes the appearance of a color with the same color profile

I used LiveTrace on a raster image and saved it as AI in CMYK with Working CMYK: U. S. Web Coated (SWOP) v2 as the color profile. Then I save it as SVG, and save it back as AI, and change the color ...
0
votes
1answer
322 views

How to remove Transforms from Adobe Illustrator SVG?

I am trying to import the svg icon I made in illustrator into Android Studio using their built in svg converter. Unfortunately it gives me the following error messages: ERROR @ line 1: Gradient has ...
1
vote
1answer
38 views

How do I eliminate the cut path on top and bottom of letters? See below

My design in Inkscape I'm trying to eliminate the cut paths on the top and bottoms of the letters. So that it will look something like this type of card cutout
0
votes
2answers
82 views

How to create simple svg

I've been using inkscape to create SVGs. But I've come across a problem. I've created a simple plus sign (as simple as you can imagine). It is currently in PNG format with a transparent background. I'...
0
votes
0answers
272 views

Illustrator Grain Texture SVG file size

Is there a way to reduce a file size svg with grain texture effect? I'm doing a website illustration in svg format and after the export, the file is around 50mb+. Without the grain effect is around ...
-1
votes
1answer
75 views

Software or Script to export decorative font glyph outlines to vector images

My friend had created some decor fonts for fun with his drawings long back. Now he is asking to extract outlines from ttf file format in any vector format. Fontforge does allow to export ttf as SVG ...
0
votes
1answer
369 views

Adobe XD exporting SVG with missing vector objects

I am trying to export a vector as svg from Adobe Xd, the problem is that some of its objects are missing. The vector consists of: One circle created using the ellipse tool. One triangle created ...

1
2
3 4 5
19