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.

0
votes
0answers
11 views

Illustrator save as multiple art boards selection grayed out

I have multiple art board and I'm trying to export each in to different svg files. The problem is the format part is grayed out. Why does this happen and how can I solve it? I'm using macOS Sierra ...
0
votes
0answers
36 views

Don't want to use ids [on hold]

how can i use the (https://www.w3.org/TR/2011/REC-SVG11-20110816/types.html#DataTypeFuncIRI) without ids in the uri. Example: <svg viewBox="0 0 30 10" xmlns="http://www.w3.org/2000/svg"> &...
0
votes
0answers
18 views

Masked objects creating gap in exported SVG

I have an SVG with some elements that are masked and the elements are outside the visible area to the left, then CSS animates them right into the visible mask area. When I export the SVG from ...
0
votes
1answer
19 views

How to save a mesh Object as SVG format in Illustrator

When I have an mesh object in illustrator and export it as SVG, it gets saved as a base64 encoded png pixel image inside the svg. How can I make an export of a mesh object as pure svg, so no pixels ...
0
votes
2answers
88 views

How to replicate an “aged tapestry” fill effect?

I am using adobe illustrator and trying to capture a certain aged aesthetic in the fill of my svg shapes. Here is my inspiration below from an old tapestry. I'm only interested in the background, so ...
1
vote
0answers
41 views

Comic style scheme

I would like to build a scheme in comic style. I found the CSS markup that I like (https://codepen.io/mp/pen/ldAFs) It seems like the following tags do the job border-width: 3px 4px 3px 5px; ...
-1
votes
0answers
28 views

How to create SVG with three words centered below each other?

My best attempt so far at raw SVG: <?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg xmlns="http://www.w3.org/2000/svg" width="400mm" height="500mm" viewBox="0 0 400 500" version="...
0
votes
0answers
30 views

How to make circular gradient in SVG?

I'm having a problem with exporting the circular SVG gradient. Do you have any idea how to solve it? SVG should support linear and radial gradient but i can't believe that it's so much limited. You ...
1
vote
1answer
51 views

Recreating cutup/displace/chopped up effect

This may be off-topic, I'll try to make sure it isn't though. I've found a really nice effect, and I'm trying to recreate it. I don't know much about graphic design, but I've been trying lots of ways ...
0
votes
0answers
26 views

Inkscape simplify file structure

Is there any way to simplify file structure of svg to only use basic svg features? even at the cost of increasing svg size (pre compute path's, duplicate path's etc) I want to import some svg's into ...
0
votes
0answers
21 views

Exporting SVG (beside NYTimes SVG Crowbar) from D3.js code?

I am using NYTimes SVG Crowbar 2 to export SVG files from D3.js code (HTML). But it seems that the font information (type and size) is not being exported properly, that results in displaying different ...
1
vote
1answer
34 views

How to create multiple closed paths from segments in inkscape

Is there any comfortable (and accurate) way to convert multiple shapes represented by segments (but rather precisely closed) into shapes? I want to use files from a CAD system as Basis for a Design. ...
0
votes
1answer
74 views

SVG: Can I make an outer glow with a gradient?

I've seen a million tutorials to make outer glow effects using some combination of feGaussianBlur, feFlood and dilating either SourceGraphic or SourceAlpha. They work pretty well but aren't exactly ...
-1
votes
0answers
43 views

Creating a frame by frame explosion animation in Moho Pro 12. Need some help

So I am learning Moho Pro 12 animation software and like many features of it however I am having trouble when trying to animate frame by frame. I am trying to make an explosion and have it be animated ...
0
votes
2answers
39 views

Can I drag a node without breaking the edges in SVG file in Inkscape?

I used GraphViz to create a diagram in a SVG file. The placement of the nodes is not ideal. I learnt that Inkscape can be used for editing SVG file. Is there a way to drag and move a node, without ...
1
vote
1answer
80 views

Why do some SVGs render so differently in Inkscape?

Can someone please explain why some SVGs look so different when opened in Inkscape? I've used Inkscape for a while and I am able to open and edit pretty much any SVGs, but some appear with strange ...
1
vote
1answer
39 views

How to (almost) perfectly align a DWG to an SVG?

I have an airport map in SVG format that I need to update using a DWG file. Considering that the SVG map has been created using an older version of the DWG I am currently using, I assume that it ...
0
votes
1answer
31 views

Inkscape - breaking object apart

I'm brand new to Inkscape, and fairly brand new to SVG's in general. I'm trying to modify a map of the British Isles, https://upload.wikimedia.org/wikipedia/commons/6/62/British_Isles_location_map.svg ...
0
votes
1answer
37 views

Adobe Illustrator generates SVG with rect instead of polygon

I'd like to export the SVG code out of Illustrator so I can use it to generate a background and later animate it with JavaScript. In the tutorial that I am following the dude generated the SVG Code, ...
1
vote
0answers
27 views

How to convert Ai file to SVG while keeping the layer name the same?

I have an ai file that I want to convert to svg file for websites. It is quite a large file with lots of object, I want to keep the objects name the same as the ai file in svg file. But when I convert,...
0
votes
0answers
70 views

Illustrator SVG export: Image looks small in MS Word/PowerPoint?

I have an .ai file with 14cm width, after exporting as SVG, it shows 10cm in MS Word/PowerPoint. Do the Office programs use different scale/ruler than Adobe programs? Before anyone asks, I prefer SVG ...
0
votes
0answers
42 views

Illustrator SVG export: Character after t is vanished?

I am having a weird problem, if I have a text with the character t then the next character vanishes from the exported SVG. What gives? This problem does not exist if I chose Font: Convert to outline ...
0
votes
1answer
87 views

How do I flatten this logo with overlay blending mode in Sketch?

I made this logo, but I want to flatten it so that it's always the same no matter what the background color is. How do I do this? It consists of three ovals with the "overlay" blending mode. It's made ...
0
votes
1answer
48 views

Svg file exported from illustrator rendered incorrectly on IE and Edge

The svg file code: <?xml version="1.0"?> <svg xmlns="http://www.w3.org/2000/svg" width="811.49" height="817.74" viewBox="0 0 811.49 817.74"> <path class="b" d="M692.4,290.2c5.4-4.2,6....
-1
votes
1answer
42 views

How to increase line width of svg image downloaded from the internet?

I downloaded this image with a creative commons license. I open it with inkscape, open the "Fill and Stroke" menu, use the cursor to select everything and then try to click on "width" under stroke ...
0
votes
2answers
34 views

Illustrator exporting strange artifacts with Visio objects

I created a PDF file via Microsoft Visio (a scalable diagramming tool). Later on I decided to make some changes. Visio kinda' sucks, so I decided to swap over and modify it with Adobe Illustrator ...
0
votes
0answers
31 views

Text Doesn't Appear After Saving SVG

I'm very new to making SVG's in Adobe Illustrator. I just made one, saved it as an SVG, but when I tried to upload to Cricut Design Space the text didn't show up at all. It said it was supported for ...
0
votes
0answers
30 views

Why does the pixel height of a font letter within Inkscape not match what is defined within the SVG file?

I'm working on scaling some SVG fonts programmatically. I was hoping to set the font size within the SVG file based on what I saw in the Inkscape GUI. Unfortunately, I ran into some weird. Here is ...
0
votes
2answers
42 views

Alpha for node markers in Inkscape

I try to create a SVG containing a an arrow which is supposed to have the color RGBA 00000086 so it is not completely opaque. Unfortunately, it looks like this: If I set the color (both contour and ...
4
votes
1answer
581 views

How can I remove the thin grey border on this SVG UK union flag?

I'm trying to use this set of flags on my website: https://lipis.github.io/flag-icon-css/ They're not perfect though, so I thought I'd help out and make some contributions to the project. Since I ...
0
votes
1answer
117 views

Exporting After Effects animation to SVG with SMIL

I'm curious if there's a way to export animations from Adobe After Effects to SVG containing SMIL I'm currently using the tool Bodymovin, but that's limited to only exporting bloated JSON files and ...
1
vote
2answers
84 views

Exporting SVG from illustrator as strokes instead of paths

I have this image, which I'm exporting as SVG with the intention of animating it: In the version I'm exporting as SVG there's no background colour, that's just there so you can see it on this post. ...
3
votes
2answers
140 views

Alternative Font Family for text in SVG-file

Context http://tankarochkuriosa.se/documents/gone-home.svg http://tankarochkuriosa.se/gone-home-scout-symbol/ Environment SVG-file in Inkscape 0.92.3 on Windows 10 Pro x64 Problem Web browsers ...
1
vote
2answers
78 views

inkscape: how to keep raster quality/detail when scaling down?

i'm new to vector graphics and inkscape, working on a project to help my kids think about geography. i downloaded a generic blank world map with country outlines in .svg from wikipedia. i want to ...
4
votes
3answers
277 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
34 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
28 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
47 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
138 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
51 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
116 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
33 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
109 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
101 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
126 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
114 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
613 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
61 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 ...