Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

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.

4
votes
3answers
287 views

How do I adjust handles symmetrically on the same path?

I want to adjust opposite nodes on a path, made from a shape tool, simultaneously to maintain symmetry. For example I make an ellipse, convert the ellipse to a path, then select the two nodes opposite ...
1
vote
0answers
39 views

Scribus can't import my MATLAB eps figure and has issues too if it's converted to SVG in Inkscape

I have a MATLAB script that produces figures in eps format. I attempted to import into Scribus but got a fatal error. Instead I imported into InkScape first to convert to SVG (no problem there), but ...
1
vote
0answers
30 views

pdf created in Illustrator opened in Inkscape but pdf export misses features

I receive a pdf. This PDF was generated with Adobe Illustrator CC 22.0 (Windows) Adobe PDF library 15.00. I use Inkscape to extract a particular page and I copy one particular object (a white dot) ...
0
votes
2answers
65 views

Import SVG so that each path is on a different layer in Animate CC

I am trying to import and SVG to the Stage in Adobe Animate CC so that each path/element of the SVG on a separate layer, as described on the official Adobe help pages. When I select "Import each path ...
0
votes
1answer
232 views

Illustrator: How to make the arrow keys move in smaller increments?

Here's me trying to fine tune something in Illustrator with the arrow keys. That's a single increment. Trying to click & drag is futile, because the object won't actually start to move until you ...
1
vote
1answer
43 views

Different versions of one SVG file [closed]

I want to create an svg button to be used in a WordPress plugin. Is there a way to make it compatible with a color picker to match each theme ? Maybe one file with different colors.
-1
votes
1answer
77 views

how to add custom font to inkscape created svg

excuse me for my question which may seem naive for many of you but I created svg file using inkscape and I am trying to include websafe font in it here is my svg file xml: <?xml version="1.0" ...
1
vote
0answers
191 views

How do I convert my Indesign documents to SVG files without losing/affecting my drop shadows?

I created documents in Indesign that have drop shadows applied to certain shapes. I'm trying to convert these documents to SVG files. Since there isn't a way to export from Indesign to SVG, I've ...
1
vote
1answer
37 views

White space being added above and below SVG when exporting in Illustrator

I am having an issue exporting an SVG with multiple layers. When I export the SVG, a ton of white space is being added above and below the actual image. I selected all the objects on the artboard and ...
-1
votes
1answer
166 views

Adobe XD <circle> to <path>

I'm working on a project and I cannot figure out how I can turn the <circle> into a <path> when I export an icon I created in Adobe XD. <svg xmlns="http://www.w3.org/2000/svg" viewBox="...
-1
votes
2answers
132 views

Merging objects to reduce size in Inkscape

I've downloaded Inkscape in order to try to fix this fairly simple problem. I have a .svg file that is too big for the intended purpose. I've already taken the steps I could in order to reduce it in ...
2
votes
0answers
143 views

SVG Pros & Cons for Graphic Designers! [closed]

What Are the Pros & Cons of Using SVG for Web Graphics? Q: SVGs (Scalable Vector Graphics) are becoming a popular choice for web graphics. What are the main pros & cons of using them today ...
12
votes
1answer
1k views

What is the correct style that describes the following images

What is the name or names of the style used in the following images. They are used on Google, Facebook, atlassian.com, bitbucket.org and on info-graphics. I refer to them as lifestyle images but ...
1
vote
1answer
149 views

How to override color on illustrations/icons that can't be flattened in Sketch App?

I'm trying to create a styleguide according to atomic design. For this I'm trying to create a set of icons where I can override the color so I can use them in different sets. I made an icon of a ...
0
votes
1answer
867 views

Why is trace bitmap not working in inkscape?

I had created a rectangle and was trying to use the trace bitmap feature to make a SVG copy but the copy was not being created.
0
votes
1answer
62 views

Why is my clipped path an uneditable symbol, unless pasted into a new document?

My clipped path is just an uneditable symbol, unless I paste it into a new document. I know it's still a path, but I can't edit it with the node selector. What is the reason for this error? The ...
0
votes
1answer
29 views

Flip group of paths over the left group edge

Maybe there is a better way to achieve this result but... I've design the following picture by adding paths and overlying them. Now I want to flip it to get the full picture but I'm not able to do it....
0
votes
2answers
90 views

Is there a way to export the 'glow effect' from an image to .svg code?

When I export an image of a loader I make to .svg code the glow effect doesn't appear later in the implementation (when we add it in the project's html/css). I see everything else but not the glow ...
0
votes
0answers
42 views

Why is illustrator exporting SVGs with embedded bitmap images?

In Adobe Illustrator CC 2018, I use File > Export > Export As... > [svg options], and follow through the process, and the resulting output file contains an embedded bitmap image, and no ...
0
votes
1answer
241 views

How do you set Resolution DPI for an SVG Vector Image when you open it in Affinity Photo?

When I open an SVG Vector Image in Affinity Photo, Affinity doesn't bother to ask me for a resolution or DPI. In Adobe Photoshop, I would be automatically prompted for resolution when I open a vector....
2
votes
2answers
213 views

How to create warped ripple/wave effect?

I'n trying to recreate an effect similar to the background of this post on Dribbble: I don't even really know what to call this effect, but it reminds me of the Twilight Zone and old black and white ...
0
votes
2answers
45 views

Is it possible to mask texture onto text using different layers in Inkscape?

I have successfully masked a texture over text using this tutorial here: http://www.designmarkgraphics.co.uk/blog/articles/2014/12/07/create-gritty-worn-and-distressed-inkscape-designs.html Basically,...
0
votes
1answer
158 views

Sketch: Vector does not preserve color and transparency when exporting as SVG

When I export as SVG from Sketch, the transparency and colors do not appear as intended. What is going on here? SVG is on Sketch homepage.
0
votes
0answers
37 views

why text separated in the svg file exported from adobe illustrator

Here is the text in illustrator See, the text is separated How to merge these two texts: "#" and "401"
0
votes
1answer
210 views

Exporting SVG to EPS with 1 pixel = 1 unit

I am creating SVG files programmatically and I want to export them in DXF or EPS for a laser cutter and CNC router. Illustrator can export to DXF with settings "1 pixel = 1 unit." Inkscape has built-...
-1
votes
1answer
178 views

Illustrator exported svg does not contain defined hyperlinks

CC2018 22.1 According to Add a hyperlink within Illustrator I followed those steps but I cannot get hyperlinks work in browsers. I have a complex Illustrator design (several paths) I've added 4 ...
-1
votes
1answer
66 views

SVGnest mangles the SVG paths

I created an SVG with Inkscape and Illustrator and want to optimize the layout with SVGnest. But SVGnest mangles my paths completely. This screenshot shows the SVG in Illustrator to the right and in ...
-1
votes
3answers
146 views

Best way to generate an svg from this png

Attempting to get a high quality image from the TensorBoard projector my last hope lies in producing a svg from a screenshot. My attempts to create an svg in inkscape ended up relatively blurry and I ...
1
vote
1answer
293 views

inkscape) remove part of object which is outside of another object

I have two circles. One small blue circle and one big pink circle. Blue circle intersects the pink circle like the image I want remove just the part of blue ball which is outside of pink ball. I ...
0
votes
0answers
28 views

After using Asset Export, Adobe Illustrator doesn't recognise the file as SVG

When I export files with the Asset Export panel in Adobe Illustrator as SVGs, when I come to open them the next time I turn my computer on, I'm getting a dialogue box with different image options (...
1
vote
2answers
76 views

Why exporting to SVG reduce quality rendering?

I'm using Adobe Illustrator CS6. Once I export a (rotated) Area Type Text in SVG and I view at 100%, I can see it with low quality rendering: Only once I start to increase the zoom I gain quality: ...
0
votes
1answer
107 views

SVG for Web — possible to use clipping via CSS without a clipPath?

I'm not too well versed (yet?) in using SVG for the web. What I do know is that simple shapes are better than complex paths, if at all possible (due to simple points versus pathing points). Because of ...
3
votes
1answer
306 views

How do I convert a svg patterned fill to a set of paths?

I have a SVG path, which is filled with a pattern. The pattern itself is a set of paths. I want to reify the pattern as applied to the path -- turn it into a set of first-class objects which I can ...
0
votes
2answers
2k views

Save an Image as SVG From Photoshop

Whilst I'm sure this has been answered before as it seems so simple, I'm asking again because I cannot get a straight answer anywhere. All I want to do is save/export/change a .psd to a .svg. I am ...
1
vote
1answer
48 views

Guide positions and colors not being saved in Inkscape

I have a two-part question about guides in Inkscape. My OS is Ubuntu 16.04 and I have Inkscape 0.91. I noticed that in documents where I've switched the default units to pixels instead of mm (File>...
1
vote
0answers
223 views

Exporting SVG from Corel Draw - SVG stays distorted

Don't fully understand why, but some of my SVG files that I export are distorted. I am creating two fonts, and are having trouble especially with closed shapes like 8 and 0, but also with h - which is ...
2
votes
2answers
62 views

Can I use SVG to replace UI graphics with text on mobile devices?

I'm new to this... I have a lot of assets that are exported as jpeg when I digest them. But we often have to translate these assets and it ends up with me the developer composing the asset in code ...
1
vote
1answer
371 views

Use an svg as clipping mask for div

I would like to use a svg as a clipping mask for a div, so that where the svg is placed you see the fixed background. I tried to explain it here: The size of the svg should depend on the screenwidth. ...
1
vote
2answers
124 views

Can we use the output of a perlin noise (feTurbulence) to hue rotate background color?

Context: I have build a program that make the following effect and I would like to add the effect in the SVG export but I have not found a way to do this effect in SVG it at the moment. The effects ...
0
votes
1answer
186 views

Hierarchical layer blending in Inkscape?

Suppose I have 3 layers in inkscape - from bottom to top, let's call them Layer 1 - Layer 3. I want Layer 3 to blend with Layer 2 using the "Multiply" blend mode. But then, I want the result to blend ...
0
votes
0answers
59 views

AI SVG format, path formula vs polygon points

I am creating a simple SVG shape in AI. When I finish I open the svg file in a browser. Then I click "Inspect" to inspect the element. Sometimes I get a path like: <path d= "M32,6L6,21.9v32.7h18....
0
votes
1answer
188 views

Gradient numbers for multiple svg export from illustrator

When exporting to svg from Illustrator, the code generates a "linear-gradient-" or "radial-gradient-" plus number. This seems to work until I export multiple files with different gradients. No matter ...
0
votes
1answer
133 views

New to Adobe Animate. Trying to make a frame by frame explosion. Need help

I'm new to Adobe Animate and animation software but I'm having trouble figuring out where to start. I want to make a simple explosion, and have created svg files of the individual frames. I want to ...
0
votes
0answers
84 views

Flash like SVG Animator Tool for Mobile?

For the desktop, I know there are many tools that can do exactly this such as... Animatron, Synfig Studio with this plugin, Snap.svg, and even Blender Basically, I'm looking for a similar tool like ...
0
votes
2answers
193 views

SVG image href renders entirely black

I am trying to grab an SVG from a browsertool (pgadmin4). However, I end up with an SVG that renders incorrectly. The generated graphic uses SVG "icons" by referencing external files. While this works ...
0
votes
1answer
436 views

Coloring an svg

I've downloaded an .svg and I'm trying to somehow color the stroked part so that for example the left circle will be red, the top one green, the top line blue, etc. I've been messing around in ...
1
vote
1answer
97 views

PS - Color changeable object using SVG

I'm using Photoshop CC 2015. For webshop needs I have to create svg file from the below image. The plan is that the color of the object from the image can be fully changed without loos of object ...
1
vote
2answers
124 views

Created a font set with inkscape, need help reducing the space between fonts

I created a font set with inkscape, it all worked well, I converted from .svg to .tff, however I tried using the font to type and I noticed that the fonts have huge spaces between them need help ...
0
votes
1answer
247 views

I am unable to change or remove pattern color of SVG in Illustrator

I am using Adobe Illustrator CC 22.1 (64bit). When I open a SVG that has a pattern I am unable to change the color of the pattern. Sometimes it works but with this pattern it doesn't, I do not know ...
0
votes
1answer
67 views

Is there an SVG collection or a set of “stickers” for free?

I'm looking for a set (or multiple sets) of stickers in SVG or at least good PNG (with transparent background). By stickers I mean like what some chat application uses like a collection of a pig doing ...