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
1 vote
0 answers
19 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
1 answer
55 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
63 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
  • 23
1 vote
1 answer
53 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
26 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
54 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
23 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
27 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
64 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
31 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
1 vote
2 answers
126 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
29 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
22 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
1 vote
1 answer
55 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
  • 113
1 vote
2 answers
103 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
1 vote
2 answers
85 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
4 votes
2 answers
490 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
  • 143
0 votes
1 answer
91 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
2 votes
1 answer
50 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
65 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
1 vote
2 answers
59 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
2 votes
1 answer
121 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
75 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
95 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
323 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
63 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
84 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
155 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
84 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
53 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
79 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
0 votes
1 answer
99 views

Why path intersection in Inkscape is not fully accurate?

I want to create svg image with line going through circle, cropped to the circle. So I created a circle turned it into a path removed stroke from it, set black fill centered in on the page (vertical ...
user avatar
0 votes
1 answer
89 views

Is there an automated way to remove cropped-out regions of embedded images in order to reduce the file size of a PDF

Someone has asked this question before, but for SVG files. This is the scenario: I have a source file in a DTP program (Scribus in my case). It contains a lot of large images, but only small bits of ...
user avatar
  • 101
1 vote
1 answer
68 views

How to Reduce SVG Path for Web in Illustrator?

I actually am trying to make a simple logo for my website and was thinking of using inline SVG for the logo. I made it with illustrator but the path code is too long, not like I see on other sites. On ...
user avatar
0 votes
1 answer
136 views

What do you call this accent circle's graphic style?

I'm looking at the accent circles behind the gentleman's portrait. It seems like this has been a common graphic style for a while. Primarily used in loader animations, but I've also seen flat graphics ...
user avatar
0 votes
3 answers
73 views

Use SVG clip path as binary choice on showing objects?

This post may be too much on the technical side for this forum, but I don't know which other forum may be appropriate. I would like to use the SVG clip path to act as a threshold for if you will show ...
user avatar
  • 3
0 votes
1 answer
77 views

Adobe Illustrator CS6 Missing SVG Save Option [closed]

According to the following documentation, page 472 : https://help.adobe.com/archive/en/illustrator/cs6/illustrator_reference.pdf ... I should be able to : Choose File > Save As, enter a filename,...
user avatar
3 votes
1 answer
250 views

How do I fix missing opacity masks in rendered svg files on the HTML5 Canvas [closed]

I'm currently working on a project that is using the HTML5 Canvas API and I'm encountering a few problems, one of which is disappearing opacity masks used to add texture to an element in Adobe ...
user avatar
1 vote
1 answer
201 views

why are the width and height params missing from svg files exported from Adobe Illustrator

I'm currently working on a project using the HTML5 Canvas API and want to include images in the SVG format, however, I find that SVG files exported from Adobe Illustrator do not render on the canvas. ...
user avatar
3 votes
0 answers
108 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. ...
user avatar
0 votes
2 answers
131 views

Invert all colors in multiple svg files

I want to adapt veusz app icons (svg files) to be more visible with dark breeze theme on Manjaro KDE, what I need is how to replace each color with its corresponding inverted color in each svg file.
user avatar
4 votes
1 answer
111 views

Why does my opacity gradient show in Inkscape but not in browsers?

I created an SVG with an opacity gradient in Inkscape. In the file I see it made a <mask> with a radialGradient and a linearGradient inside <defs>. It then uses it as follows. <g mask=&...
user avatar
  • 143
0 votes
0 answers
93 views

Inkscape export to PNG not showing background with high resolution

I am trying to export a .svg file to .png with Inkscape. The original .svg file was created with the prettymaps python toolbox (https://github.com/marceloprates/prettymaps) which creates .svg images ...
user avatar
0 votes
0 answers
43 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 ...
user avatar
1 vote
4 answers
244 views

freepik and flaticon doesnt allow their image to be used as main element?

so in 2018 i created a mobile game using resource from Flaticon and Freepik. and recently i buy the premium subscription from flaticon. after reading the FAQ again, some of it make me confused so i ...
user avatar
  • 101
3 votes
1 answer
486 views

Inkscape Fonts Differences Internal vs. Poppler Import

I created a simple example plot in R and exported it as a PDF. I use Inkscape to create an SVG file. However, I have noticed that the font is different when I use the internal library to import the ...
user avatar
  • 133
1 vote
1 answer
30 views

Add custom points to a shape that has been converted to a path without disfiguring the svg/path

I have a custom shape that i've just given converted to a path and then i click on the nodes tool and see the following :- Now what i'd like to do is delete these nodes and add custom nodes at ...
user avatar
4 votes
3 answers
247 views

Inkscape SVG becomes very large compared to PDF

I have created a simple example plot, which I have as a pdf file. I use Inkscape to create an SVG file. However, the file gets very large, which I think is caused by the black lines. Inkscape draws ...
user avatar
  • 143

1
2 3 4 5
21