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
1answer
422 views

Convert the borders of a partially transparent PNG to an outline vector in SVG

I'm seeking for a tool that can convert a PNG image like this: To an SVG border outline like this: SVG Image I'm not sure whether the creator of this image traced the outline by hand. He used GIMP ...
1
vote
1answer
971 views

How do I convert my .svg to a woff icon font?

I have tried all conversion websites and softwares but I cannot seem to get my .svg to convert to a .woff file (or any font file ex. eot .ttf ) so I can add it as an icon to my website. I know very ...
-1
votes
1answer
55 views

Positiong a group partly above and partly below in svg

Is it possible to positiong a group partly above and partly below in svg? If it is not possible, what are alternatives then? I could break a group and move the parts around the document to get the ...
-1
votes
1answer
47 views

Gray out the whole svg except for a g

I have a group of objects. It is a <g> of two rectangles. Also I have some other objects behind and in front of the group. Now I want to gray out everything except the group. How could I do that?...
0
votes
0answers
130 views

Inkscape - Unable to open an svg file

I am trying to use a linux command line to hide all layers in an svg file. Most of the time it works well but sometime inkscape failed at opening it. I am using inkscape 0.92.3. I compared the svg ...
0
votes
1answer
215 views

SVG corrupted on save with content around artboard

I'm pretty new with Illustrator, All icons will be converted into icon web font for one of my projects. When there are objects around the artboard (with or without expand) the file gets corrupted on ...
1
vote
1answer
3k views

Remove the blank space around the .svg image using Inkscape

Is it possible to remove the blank space around the .svg image using Inkscape? For example, here is the image I have: Here is what it looks like when I use it in css: As you can see I am having ...
7
votes
2answers
5k views

Why does my text made in Inkscape not display elsewhere?

I made quite some basic icons in Inkscape, but when displaying the SVGs in other tools (browser or basic Linux image viewer), The text parts are not displayed at all. How to get it to show up ...
1
vote
1answer
285 views

Algorithm for drawing calligraphy brush strokes *in SVG* [closed]

This is what I'm wondering about. You have a stroke and the actual brush stroke rendering. The final result looks something like this: <svg xmlns="http://www.w3.org/2000/svg" height="200" width="...
0
votes
1answer
47 views

Example of free downloadable SVG font with complex curves

I am trying to learn about SVG curves and how font glyphs are built. Specifically how you taper complex curves. I'm wondering if it's the stroke that is tapered or it is a fill. I'm wondering too how ...
0
votes
1answer
192 views

Exporting an SVG with open paths for CNC laser cutting

has anyone used jscut.org to create Gcode from an SVG for a laser cut? jscut.org closes off my paths where there should be a line, not a polygon, is this a fault of mine, illustrator, or jscut.org's ...
1
vote
2answers
209 views

How export clean SVG file on Adobe Illustrator

There is always a layer named Group> with my exported asset How to get rid of it?
0
votes
5answers
1k views

Convert .svg to multisize .ico in bulk

I have a lot of .svg icons that each need to be converted to an .ico file that contains multiple resolutions. The background needs to be transparent. These are the resolutions I need inside each .ico ...
2
votes
2answers
1k views

What program should I use to make UI sprite animations for unity3D

We are creating a game with Unity engine. And we want to make UI buttons to animate when idle and on click. Which program should make the most sense to use when creating animations. Is it worth using ...
1
vote
2answers
304 views

What is this textured look called, and how can I recreate it?

I'm looking to recreate the below look on some vector based shapes in Inkscape, where the edges are broken and slightly see through, and fills are grainy. Any help to either point me in the right ...
5
votes
5answers
9k views

How to convert from 3D STL to 2D SVG?

I found some STL files for a 3D printer, which are mainly linear extrusions of a 2D shape: I would rather cut on a laser cutter. How can I convert them to a 2D SVG file?
2
votes
1answer
469 views

SVG Export change some square into circle - Illustrator

I have a weird issue with an svg export with some vectorised image. When i make on svg export, some square are change to circle and i have no clue why. You can download the .ai here (made on cc 2018) ...
1
vote
3answers
138 views

Color changeable complex image

For webshop purposes I would like to allow users to change product colors. Let's take the next example...This is the product that consists of three other products where every product should be ...
0
votes
0answers
119 views

Pixelated SVG Export in Adobe XD

I am trying to export an SVG and I don’t know why but my exports are coming out pixelated no matter what settings I change. Do you have any idea why it might be doing that?
2
votes
1answer
439 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
250 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
1answer
149 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
vote
1answer
154 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 ...
1
vote
1answer
229 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. ...
1
vote
1answer
584 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 ...
0
votes
2answers
245 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 ...
2
votes
1answer
233 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
77 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 ...
1
vote
1answer
534 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
229 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, ...
2
votes
0answers
304 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
1answer
184 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
146 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
1k 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
282 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 ...
2
votes
2answers
309 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
3k 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
710 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
1k 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. ...
4
votes
2answers
798 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
410 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
941 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 ...
2
votes
0answers
148 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
119 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) ...
1
vote
2answers
557 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 ...
5
votes
2answers
6k 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
46 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
446 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" ...
2
votes
0answers
1k 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
360 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
3 4
5
6 7
18