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
3 votes
2 answers
198 views

Does pixel snapping make a difference?

It is common to see the recommendation to have icons be pixel-snapped to avoid blurriness. However, I've done a test with more or less the same image, one pixel-snapped and one unaligned with the ...
tylertrotter's user avatar
2 votes
1 answer
93 views

How do I "inset" one image into another image in Inkscape?

I'm trying to create a custom happy birthday logo for laser engraving that incorporates the happy birthday vector image and the cancer ribbon vector image that I have created (attached). I am trying ...
Jason Taylor's user avatar
0 votes
1 answer
71 views

What software should I use to animate a simple 2d hexagon logo?

I'm starting out in graphic design and am looking to animate this interlinked hexagon: Basically I want the blue/black vectors to extend 1 by 1 to create this logo. Is there any software/feature that ...
Michael L's user avatar
0 votes
0 answers
18 views

Inkscape does not support SVG <use> directive [duplicate]

I was trying to import an SVG file that I made using the SVG <use> directive: https://developer.mozilla.org/en-US/docs/Web/SVG/Element/use <svg viewBox="0 0 30 10" xmlns="http:/...
G M's user avatar
  • 143
0 votes
2 answers
85 views

Is This SVG Code Correct?

Related to my other question, I need to convert my SVG to a 16-bit TIFF, which seems to be more complicated than expected. So I wanted to check Photoshop and Gimp, but they both (along with Figma) ...
fweth's user avatar
  • 291
0 votes
2 answers
253 views

How To Convert SVG To TIFF For Fine Printing

I created an SVG file which I want to print at a shop which uses the Epson SureColor SC-P9500 with 12 color channels. They told me to bring a 16-bit Adobe RGB TIFF file (ideally I'd like to print ...
fweth's user avatar
  • 291
0 votes
1 answer
332 views

svg : what does "use xlink:href" mean in Inkscape?

Is the blue circle a "node" - or what - in this screenshot, and what can be done with it? Are the only edits (via GUI) going to be by clicking the individual circle? Will "stroke" ...
Bryan-StackExchange's user avatar
2 votes
1 answer
148 views

Illustrator SVG export tossing around path locations / rotations

I'm trying to export a pretty simple icon I made in illustrator to svg for use on a webpage, but when I export it, two of the thick curved lines in my graphic are tossed off to the side and rotated ...
Thundercloud's user avatar
2 votes
2 answers
810 views

Inkscape : dots/points on a curve/line --> x,y coordinates of points in svg file?

Does Inkscape have a way to put points on a curve or line so the coordinates of the points will be written to the svg file? I seem so close to doing this, but perhaps I need a different program. The ...
Bryan-StackExchange's user avatar
1 vote
0 answers
114 views

How to make my animated SVG CLI-like typewriter effect work as intended? (SMIL)

I am just starting to learn to do SVG Animations, and I'm trying to make a command-line style 'typewriter' effect, typing out several different lines of text, one after the other. I would like the ...
demospasser's user avatar
0 votes
1 answer
253 views

How to export selected items from Inkscape 1.2 a user-supplied background into PNG file automatically?

If I set a Desk background as indicated in the Where is the white inkscape background? answer, I see it in Inkscape. But, when I select all objects, and then export it like this: I still end up with ...
bgoodr's user avatar
  • 153
1 vote
2 answers
150 views

How to create a star-trail effect in Inkscape?

What method can be followed to accomplish a star trail effect in Inkscape? This is what one sees when looking at night-time photographs with long exposure times, if you point the camera towards ...
ralien's user avatar
  • 113
2 votes
1 answer
266 views

Editing fonts in emf file within PowerPoint

I have a bunch of emf files that were converted from svg files with Inkscape commandline. The SVG files were autogenerated and have text objects. Within an SVG file, the text is nicely editable. For ...
Majte's user avatar
  • 123
1 vote
1 answer
95 views

Round Up SVG Path

I am new to drawing vectors using svg and I am trying to create a custom tab bar for my app's navigations. I was able to create a bar that looks like this: And the svg code looks like this: const ...
denistepp's user avatar
  • 113
4 votes
1 answer
1k views

How to force SVG path to be relative

First off - I have very little experience working with SVGs beyond using them as image files. I have an SVG file I got from a third-party vendor. Whenever I save the SVG, it sets the width and height ...
Quasipickle's user avatar
3 votes
2 answers
286 views

Inkscape px values in UI don't match SVG values

In Inkscape 1.2.2 on Windows 10 I'm tryint to create an SVG that completely starts off from px measurements, and I'm trying to get the base measurements (widths, heights, stroke widths, etc) all in ...
Jeroen's user avatar
  • 131
0 votes
0 answers
33 views

Colorize inside an image in Insscape (SVG)

ALL, I made a little SVG transparent image in Inkscape, which shows a piece of paper and a little magnifying glass. Unfortunately I didn't realize that a piece of paper has to be white and not ...
Igor's user avatar
  • 101
0 votes
1 answer
72 views

svg music flat symbol does not position correctly

I am using Adobe Illustrator CS4; I have an ai file that displays correctly, I convert to an svg file that also displays correctly in Illustrator. Then I load it up to a web site and the flat symbol ...
Jaco's user avatar
  • 1
1 vote
1 answer
253 views

Creating a path node at projected intersection between line segment and edge

How would I go about inserting a node on my current path at the projected intersection between an edge and a line segment continuation? To more fully explain what I'm after, I actually want to be able ...
test's user avatar
  • 161
0 votes
0 answers
129 views

SVG file excessive white space

there are some answers here but it's not helping me, I have massive excessive white space. I am using Adobe Illustrator CS4. I think I have all the coordinates set properly but I'm a beginner. Here is ...
Jaco's user avatar
  • 1
0 votes
2 answers
778 views

Darken lines on drawing

Need to darken the lines on this drawing. I know nothing about editing or graphics. Eventually I need to make an svg of this drawing to make an acrylic embosser to use on fondant
Kris's user avatar
  • 1
0 votes
0 answers
337 views

SVG gradient, arrow and mask from Inkscape not being rendered in some software

Again an SVG rendering bug, so here we go. What I did I wanted to combined (or add) an arrow at the bottom of the Mastodon brand/icon and kept everything else, basically. (Switching the letter was ...
rugk's user avatar
  • 171
0 votes
1 answer
170 views

How do you rotate the position of multiple objects without rotating the objects themselves in Inkscape?

I have a set of objects that are placed a certain way and now I want to rotate the whole arrangement. However, if I use the transform-handles it changes the orientation of the objects as well: How ...
Xrott's user avatar
  • 3,301
0 votes
1 answer
3k views

Removing stubborn SVG background

I have an SVG file made by someone else, which I'd like to insert into Powerpoint such that its background (the white pixels in the image below) appears transparent and reveals the content in the ...
z8080's user avatar
  • 105
1 vote
1 answer
64 views

How to get rid infinitely small spaces after divisions?

I have been working on svg based design and I am having a problem with objects having infinitely small spaces between them after division by another object. This also gets rendered this way. I have ...
MalwareMoon's user avatar
1 vote
0 answers
162 views

Create an SVG image of shapes with a shared border using Inkscape?

Is it technically possible to make an SVG image of shapes with a shared border, or is there some technical limitation? I have this image of tessellations where a border is shared, and I'm wondering ...
Pando's user avatar
  • 11
1 vote
3 answers
137 views

Excessively large PDFs when converting from SVGs

Here is what I tried: Save this maths formula from Wiki as SVG Open the SVG in Adobe Illustrator Save it as PDF (File / Save as / Format PDF) I noticed that the file size of the PDF is 60x times ...
normanius's user avatar
  • 117
1 vote
1 answer
551 views

How do you Clip and Inverse Clip a complex object in Inkscape?

I have an SVG that's meant to be a responsive web button: After some trial and error, I've noticed it doesn't look great at extreme widths: the vertical borders get thinner and thicker as the ...
Clueless Investor's user avatar
4 votes
1 answer
283 views

How do I create multiple groups from one SVG so a function can be assigned by clicking different parts of the SVG?

I'm working on dental software and I have an SVG for each square below (each square represents a tooth). I'm trying to understand/find a way to create separate groups for each part of the SVG, similar ...
S J Khalaf's user avatar
1 vote
0 answers
123 views

How to Scale Parts of an SVG Separately Using Adobe Illustrator

I am rendering SVGs on a website. There is an SVG I want to use for buttons, but the SVG is a complex design and the website needs to be responsive. Simply scaling the SVG with the viewport can't ...
Daniel Kaplan's user avatar
2 votes
1 answer
230 views

How to make hairline around vector graphic?

I wanted to render a Scribus .sla file to .pdf and got a warning .pdf embedded. The reason was that I placed a .pdf graphic in an image frame instead of importing it as vector file. An internet search ...
jay.sf's user avatar
  • 141
2 votes
2 answers
1k views

transparent images have a white glow on some edges

So I've been creating a sign pack for a game I play and ran into a very odd issue. What I've been doing is create a bunch of shapes in Illustrator and export them as SVG. Then importing them to ...
cscholz's user avatar
  • 23
1 vote
1 answer
102 views

Recolor shapes from an image

At scale, how can I recolor shapes based on the image they're covering? For example, if you had a picture of a map, and you wanted to recolor a bunch of stars laid over top of it. If you only had a ...
saucewaffle's user avatar
1 vote
1 answer
364 views

Remove transforms on <use> elements in Inkscape 1.2

is there a way to "tell" Inkscape to apply x/y coordinates on elements (clones of a symbol) instead of transform() when positioning? The known trick with ungrouping/regrouping cannot be ...
Jan Viehweger's user avatar
1 vote
2 answers
843 views

How to prevent changing stroke every time in Adobe Illustrator?

I have created some icons in Ai, and I want to use them in Adobe Xd. I am trying to import a SVG file in Adobe XD. It's a tool for UI Designs. I am able to import in Ai but I don't want to change its ...
Sumit Yadav's user avatar
1 vote
1 answer
83 views

Unexpected result when changing the curves of a b/w image with a multitone SVG filter applied to it

Here is the image with the filter applied, before modifying the curves of the image: And here is the image after modifying the curves (no matter if the image is rasterized or not): There are only 3 ...
Chris P. Bacon's user avatar
4 votes
3 answers
458 views

Looking for svg editing software that supports the animate function

I am currently doing some simple svg files by hand. They contain simple graphics. Think of a circle representing a planet and a smaller circle passing in front of it representing a moon. I use the ...
Joe Molnar's user avatar
1 vote
1 answer
1k views

How to extract full icon from figma file

I have got the following icons in the Figma file and I want to extract them as a whole as SVG, but when I click or control-click the border as well as the play icon, and choose copy as SVG, I only get ...
localhost's user avatar
  • 317
2 votes
1 answer
2k views

Why is text in an svg rendering incorrectly in Firefox & Safari, but correctly in Chrome?

I'm saving a vector graphic with text in Adobe Illustrator CC (File > Export > Export as ; format .svg ; Styling: Internal CSS ; Font: SVG ; Images: Embed ; Object IDs: Layer Names ; Decimal: 3 ...
Mark Gavagan's user avatar
2 votes
0 answers
499 views

How do you apply a ID to a layer in Illustrator?

I've purchased an AI file of UK postcodes; pictured are the layers it uses with each area named "Path" I want these to be assigned an ID when I export as an SVG, so that I can apply ...
JimBob's user avatar
  • 21
2 votes
1 answer
82 views

Setting OpenType features in SVG. Getting Tabular Oldstyle figures to show up in the browser?

In Adobe Illustrator there is the OpenType panel Alt+Shift+Ctrl+T which lets us set OpenType features for fonts that support them. For example with Montserrat I can set Figure: Tabular Oldstyle to ...
Leeroy's user avatar
  • 379
8 votes
2 answers
795 views

Fixing a severely broken SVG

I got my logo from an AI-logo-generating site. It made a decent logo, but the svg is severely borked, to varying degrees depending on what viewer is used... The specific issue I am having is that the ...
Snappawapa's user avatar
1 vote
1 answer
755 views

Illustrator resizing vectors in SVG on Export

I have a grouping of vectors I am trying to export as an SVG. The problem is Illustrator keeps resizing the export. What starts as a width of ~18.5 inches in illustrator, is now ~13.6 inches when I ...
Lindsay Upiter's user avatar
0 votes
1 answer
34 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 ...
Sumit Yadav's user avatar
1 vote
1 answer
75 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
3 votes
2 answers
2k 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 (...
Pam's user avatar
  • 31
1 vote
0 answers
67 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 ...
Chris P. Bacon's user avatar
1 vote
0 answers
623 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 ...
rickhekman's user avatar
5 votes
1 answer
1k 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 ...
hana's user avatar
  • 243
1 vote
1 answer
768 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 ...
M.S.'s user avatar
  • 13

1
2
3 4 5
23