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
1 answer
22 views

What is this behavior in Adobe Illustrator?

I copy pasted one image icon from Adobe XD to create a vector of it in adobe illustrator. But my Ai is behaving differently, it is having the icon in the background everywhere. Seems like the hidden ...
user avatar
1 vote
1 answer
60 views

Can't create SVG logo by making paths in Illustrator. 'E' letter in logo path fills completely. Help!

I need your help with a little something. I am trying to create an SVG logo with paths and I almost did it successfully but I am facing some issues. My SVG logo path is: <svg id="Layer_1" ...
user avatar
2 votes
2 answers
71 views

Any way to repair these svg files?

A young person I know has made numerous images on an iOS app called Mandalas and the app allows her to save these as svg files. We then open these on my Mac and print them, only, some of these files (...
user avatar
  • 21
1 vote
0 answers
34 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 ...
user avatar
1 vote
0 answers
48 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 ...
user avatar
5 votes
1 answer
251 views

Why does my Inkscape export PDF look different from original SVG file?

Why is stroke in my exported PDF black while it's gray in Inkscape? This is how it looks in Inkscape: However, the exported PDF stroke become black inside: How can I fix this? Here is my Inkscape ...
user avatar
  • 233
0 votes
1 answer
35 views

Blank clip when Inkscape SVG is exported

I am having an issue with an SVG image that includes a clipped element. This is what I see when I have the SVG file opened in Inkscape: where image369 in layer 3 is a clip from a bigger image I ...
user avatar
  • 3
0 votes
1 answer
35 views

Overlapping between contours and fill colour shows when exporting svg in GIMP

I have made a bunch of images where one of the paths (heart) has an contour with a gradient applied. I selected the order: 1. Fill colour 2. contour 3. deco, so that I don't have this weird ...
user avatar
  • 135
0 votes
1 answer
46 views

How creative can a person get when the icons are only uploaded as a WOFF icon font?

When converting SVG icons to a font, the conversion seems to strip away everything but the SVG paths. This makes sense, as that's what a font is, a collection of numerically (or mathematically) ...
user avatar
  • 181
0 votes
2 answers
56 views

Illustrator - make area of an image within a shape transparent

I'm new to Illustrator and struggling to solve this issue. I've created this image and I'm trying to make the area covered by the top layer (the white cloudy part with the circular cutout) transparent....
user avatar
  • 103
0 votes
0 answers
45 views

Fixing the width of an inkscape document

I would like to fix the width of an Inkscape document. That is, no matter what I draw on it, I want the width to be some fixed x, such that the text is always the correct size relative to the document ...
user avatar
  • 1
4 votes
1 answer
212 views

How can one remove the outline of a selection?

I have a blue semicircle with a black outline, but I want the black outline to be removed. I thought his would be easy, but have not been able to do it. I thought by setting the stroke width to 0, it ...
user avatar
2 votes
1 answer
118 views

Font forge - SVG Import not working

I am creating a "dot matrix" Kannada font. I try to import the SVG file for a character in font forge, but its not importing in the "dot matrix" style, its getting imported as a ...
user avatar
0 votes
0 answers
56 views

Deformed object size in Adobe Illustrator

I have a lot of icons, there are 100 artboard, and I always type the object size with exact number 95px × 95px. The problem is, every I leave the object and back again select the object, that object ...
user avatar
2 votes
1 answer
77 views

How do I get potrace commands out of inkscape?

I can get the .pnm ⇾ .svg results I want using the Trace Bitmap tool in the Inkscape GUI. If I understand it correctly, that tool is just a front end to Potrace. Is there a way to see what Inkscape is ...
user avatar
  • 141
1 vote
1 answer
95 views

How to export clipping mask in illustrator

I am trying to export an object as an SVG (or even as a path in Figma would be fine). The problem is that every time I try to export something that has a clipping mask in it as an SVG, it looks ...
user avatar
  • 13
0 votes
1 answer
48 views

Inkscape - save Tiny SVG (for QtSVG compliance)

I have some graphics done in my favourite Inkscape and I need it to be Tiny SVG compliant in order to be able to drive it later pragmatically by QtSVG. Collecting tiny bits and pieces from many ...
user avatar
1 vote
0 answers
35 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 ...
user avatar
  • 111
0 votes
2 answers
88 views

Inkscape - create SVG with white backgrond

ALL, I needed an SVG for my program so I started playing with the inkscape (this software was recommended to me by my *nix distro). I installed the latest one in their repository and was able to ...
user avatar
  • 101
0 votes
1 answer
95 views

Fontforge/Illustrator problems with SVG files and fonts

This is my first attempt at designing a font. I created SVGs in Adobe Illustrator 2022 from editing an open-source font, typing, then converting the text to paths, then manipulating before saving as ...
user avatar
  • 13
0 votes
1 answer
73 views

SVG Path Create Curve

I am new to svg and trying to understand the arches and curves. After reading the documentation I understand on how to build arches and curves with Q and C, but I can't quite get to the right result ...
user avatar
0 votes
1 answer
29 views

When performing Path > Trace Bitmap in Inkscape, and doing multiple passes, is there a place where I can access to the list of passes?

My apologies if the terms are not the best, I just started using Inkscape yesterday. I am using this software to transform any image into SVGs with shades of grey. On the picture down below I did 9 ...
user avatar
0 votes
1 answer
94 views

How would you convert an image into a SVG (Scalable Vector Graphics) without losing too much details and where all the details are contoured?

I'm trying to find a suitable pipeline for projects, using pictures. I'd need to obtain, at the end, a SVG with a lot of details instead of a huge black and white mush. Here is an exemple : Credits : ...
user avatar
0 votes
0 answers
27 views

Determine equivalent transparency for hue/shade of base color?

I have a logo that has 1 base color, and has 3 lighter hues of that base color. It came in raster versions for use on a black background and use on a white background. I’m trying to recreate the logo ...
user avatar
1 vote
0 answers
44 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?
user avatar
  • 11
0 votes
2 answers
89 views

What's the best toolchain to convert SVG to a table of coordinates?

I'm 3D printing an object from a s schematic of its cross-section. Using inkscape I'm able to turn schematic into a vector graph consisting of 2 B-splines. But when it is imported into the CAM tool (...
user avatar
  • 101
0 votes
1 answer
43 views

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, or print the colors of the individual letters change to a single color.
user avatar
  • 1
0 votes
2 answers
128 views

How do I make this vectors on Adobe Ilustrator?

This is my first posting a question on Graphic Design Stack Exchange. I have the following needs: I need to revectorize this logo But I'm trying to, and my result looks something like this: The ...
user avatar
0 votes
0 answers
43 views

SVG: Google web fonts when exporting from Illustrator

I'd like to point to a Google font in the code of my Illustrator file (SVG). Can folks provide tips and examples of what to add in Illustrator's code dialogue? Thx!
user avatar
0 votes
0 answers
33 views

Guides are working with shapes not not working with SVG files in xd

I am trying to maintain consistency by keeping all the icons in the same dimensions, but here I am facing a problem in XD. But here I don't know why it is not working in xd. I want to show the PINK ...
user avatar
0 votes
0 answers
23 views

Power Point: SVGs to slides

I have a very simple task I want to accomplish: I have a folder with 25 SVGs created in Adobe Illustrator, and I want to create individual slides from these SVGs each containing one. I can insert SVGs ...
user avatar
  • 103
0 votes
1 answer
142 views

Why does my SVG have whitespace at the right side in Chrome which I cannot see in Inkscape? How to remove this?

I want to create a horizontal banner with centred text for usage on a public website using Inkscape. How to make the SVG size identical to the background rectangle size and the text centred within ...
user avatar
  • 103
0 votes
2 answers
169 views

Reduce File Size of SVG

Can someone explain if / how I can reduce the (seemingly huge) file size of the Cat2 SVG? I've tried optimising CAT2 in Inkscape (simplifying (to reduce nodes), smoothing, optimising) & even using ...
user avatar
0 votes
2 answers
108 views

Is there any way to convert a PNG image into SVG?

I am using adobe xd. And there are some image that needs to be updated, but the only problem is the image is already in PNG so every time there are any changes needed I will have to do it in Photoshop ...
user avatar
3 votes
2 answers
612 views

Obtain SVG raw data path from simple one-color PNG icon

I have a few white PNG icons that I'm trying to convert to a raw SVG path. Tried several converters, including InkScape, which returned some XML formatted document, but no data path. Any pointers on ...
user avatar
  • 133
0 votes
1 answer
123 views

how to convert b/w image (png, jpg) to vector form? (.EPS, .SVG)

how to convert b/w image (png, jpg) to vector form (.EPS, .SVG) without artifacts? The raster image is geometric vector patterns, I need convert it into vector form. I tried some online image to .svg ...
user avatar
  • 109
1 vote
1 answer
54 views

How to make letters linked within each other in a SVG

I am making a logo for an web application using Figma. What I got so far is: I managed to show the D linked into the P by coloring in one of the intersects of the two letters. But is there a better ...
user avatar
0 votes
1 answer
111 views

adobe illustrator cannot export text elements with multiple lines to svg

I am using Adobe Illustrator to generate SVG files. However, I find that when I try to export a textual element with multiple lines, that element is exported as svg paths, not svg text elements. If ...
user avatar
0 votes
2 answers
104 views

How to create a curvy bend in a rectangle using the node tool?

I created a simple rectangle , then i changes it from from a shape to object to path. At this point it has four nodes. I proceed to add 6 more like below: What i was trying to achieve is a slight ...
user avatar
1 vote
1 answer
181 views

Inkscape doesn't show linked images

Given this small svg file: <svg height="400" width="400" viewport="0 0 400 400" class="svgScreenshot1" version="1.1" id="svg20" xmlns=&...
user avatar
0 votes
1 answer
94 views

Converting signature to SVG

I've been trying to create my signature using svg coordinates but have been unsuccessful. I also tried various online tools, but they did not seem to work. Basically, this CodePen seemed really ...
user avatar
0 votes
2 answers
124 views

Inkscape : How to Simulate Variable Thickness on a Vector Path

I was wondering if it's possible to achieve something similar to this example. This is done in GIMP with a feature called "Stroke Path", the green circles indicating the Image that was used ...
user avatar
0 votes
0 answers
17 views

Extraneous line between shapes in SVG exported from Illustrator [duplicate]

when i view my logo in illustrator, all lines between shapes look clear and crisp. but when i display the svg that's exported from illustrator on my site in a browser (tried chrome and safari), i see ...
user avatar
4 votes
2 answers
440 views

Remove border when tracing image - Illustrator

I am trying to create a vector image in Illustrator to be used with a laser cutter. The process i use is open the image - select it - Image Trace with default settings - Expand - Ungroup. I then go ...
user avatar
0 votes
1 answer
127 views

How to fix mobile web browsers displaying fonts strangely in svg format?

I created a logo using Adobe Illustrator CC (100% up to date) on a Mac in svg format, using both text and graphics. The svg logo displays fonts properly in desktop browsers (see first image below), ...
user avatar
1 vote
2 answers
122 views

How to fill a complex shape with a white background using Inkscape?

I'm trying to add a white background to an SVG image found on the Internet. I modified it to only keep one of the shape. It is still a rather complex shape and I didn't manage to achieve what I wanted....
user avatar
  • 113
0 votes
1 answer
207 views

Turn off Anti-Aliasing in Illustrator in SVG file with embedded image

I placed in Illustrator file a raster image (image with sharp edges as a layer from PSD) and save it as SVG. When I open it in Chrome or Firefox the image looks compressed with anti-aliased edges. In ...
user avatar
1 vote
2 answers
118 views

Inkscape - How to clip text from shape and get a resulting path?

I have been given a .svg file with text that I want to modify with Inkscape. The text has been 'clipped' out of a rectangle so the text is no longer modifiable (I think). ender2.svg I can tell the ...
user avatar
  • 123
0 votes
1 answer
81 views

Illustrator not find font (glyphs) inside SVG

I make some work in Illustrator and save it as an SVG. Configurations are: As you see, I used Fonts SVG and subsettings used glyphs. Now my code look like: Now I want to change font name to custom ...
user avatar
0 votes
1 answer
91 views

Free Software for animating SVG

I use Inkscape which is capable of SVG output. I am trying to animate characters like Santa and export them as GIF. I am trying to do simple animations like the movement of legs, hands, head etc. Most ...
user avatar

1
2 3 4 5
21