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.
1,105
questions
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 ...
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) ...
0
votes
2
answers
298
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....
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 ...
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 ...
3
votes
1
answer
996
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 ...
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 ...
2
votes
1
answer
307
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 ...
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 ...
1
vote
1
answer
652
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 ...
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 ...
0
votes
2
answers
806
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 ...
1
vote
1
answer
480
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 ...
0
votes
1
answer
342
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 ...
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 ...
0
votes
2
answers
648
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 : ...
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?
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 (...
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, ...
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 ...
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 ...
0
votes
1
answer
974
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 ...
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 ...
0
votes
2
answers
392
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 ...
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 ...
0
votes
1
answer
279
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 ...
1
vote
1
answer
125
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 ...
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 ...
0
votes
2
answers
696
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 ...
2
votes
1
answer
656
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=&...
0
votes
1
answer
290
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 ...
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 ...
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 ...
0
votes
1
answer
528
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), ...
1
vote
2
answers
607
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....
0
votes
1
answer
564
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 ...
1
vote
2
answers
691
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
0
votes
0
answers
188
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 ...
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 ...
0
votes
1
answer
358
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,...
3
votes
1
answer
641
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 ...
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.
...
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. ...
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.
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=&...