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
1 answer
165 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 ...
J.Doe's user avatar
  • 157
0 votes
1 answer
63 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) ...
JΛYDΞV's user avatar
  • 189
0 votes
2 answers
299 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....
D-Money's user avatar
  • 103
0 votes
0 answers
81 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 ...
Logan's user avatar
  • 1
4 votes
1 answer
2k 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 ...
bobby wang's user avatar
3 votes
1 answer
998 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 ...
Kishore Chandra's user avatar
0 votes
0 answers
84 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 ...
Joni Novianto's user avatar
2 votes
1 answer
310 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 ...
Chris's user avatar
  • 141
1 vote
1 answer
1k 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 ...
Mathi's user avatar
  • 13
1 vote
1 answer
654 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 ...
Oak_3260548'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
0 votes
2 answers
808 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 ...
Igor's user avatar
  • 101
1 vote
1 answer
481 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 ...
Izzy's user avatar
  • 33
0 votes
1 answer
343 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 ...
Denis Tepp's user avatar
1 vote
1 answer
126 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 ...
Riyujin's user avatar
0 votes
2 answers
649 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 : ...
Riyujin's user avatar
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
0 votes
2 answers
534 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 (...
tribbloid's user avatar
  • 101
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
0 votes
2 answers
136 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 ...
rippleytrigger's user avatar
0 votes
0 answers
32 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 ...
bweber's user avatar
  • 103
0 votes
1 answer
978 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 ...
Wouter's user avatar
  • 103
0 votes
2 answers
1k 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 ...
user8731804's user avatar
0 votes
2 answers
394 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 ...
Sumit Yadav's user avatar
3 votes
2 answers
1k 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 ...
Khorkhe's user avatar
  • 133
0 votes
1 answer
280 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 ...
Lexx Luxx's user avatar
  • 109
1 vote
1 answer
126 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 ...
TalinTheDev's user avatar
1 vote
1 answer
550 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 ...
adamwong246's user avatar
0 votes
2 answers
699 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 ...
Alexander Solonik's user avatar
2 votes
1 answer
661 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=&...
ecstrema's user avatar
  • 123
0 votes
1 answer
292 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 ...
User1243's user avatar
0 votes
2 answers
308 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 ...
TheLovelySausage's user avatar
4 votes
2 answers
1k 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 ...
Pigsfoot's user avatar
0 votes
1 answer
529 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), ...
Mark Gavagan's user avatar
1 vote
2 answers
610 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....
Nicryc's user avatar
  • 113
0 votes
1 answer
566 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 ...
javierMarquez's user avatar
1 vote
2 answers
692 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 ...
spuder's user avatar
  • 123
0 votes
1 answer
227 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 ...
Ibrahim Rajabli's user avatar
0 votes
1 answer
140 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 ...
user227495's user avatar
0 votes
1 answer
442 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 ...
reducing activity's user avatar
1 vote
1 answer
592 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 ...
Max N's user avatar
  • 111
1 vote
1 answer
185 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 ...
Raju Shrivastav's user avatar
0 votes
0 answers
189 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 ...
djangodev's user avatar
  • 103
1 vote
3 answers
167 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 ...
Andy's user avatar
  • 113
0 votes
1 answer
359 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,...
George 2.0 Hope's user avatar
3 votes
1 answer
642 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 ...
Fishbite's user avatar
1 vote
1 answer
1k 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. ...
Fishbite'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
0 votes
2 answers
4k 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.
Naruto Biju Mode's user avatar
4 votes
1 answer
333 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=&...
dlsso's user avatar
  • 143

1 2
3
4 5
23