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
1answer
12 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?...
1
vote
1answer
241 views

Why won't a certain object combine into another in Inkscape?

I am making an icon pack using Inkscape that is focused around brand and social icons. I am planning on adding the FreeBSD logo to the pack, so I have been recreating the logo: However, when I try to ...
0
votes
0answers
12 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 ...
1
vote
1answer
48 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 ...
0
votes
4answers
180 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 ...
0
votes
1answer
24 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 ...
0
votes
1answer
24 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
45 views

Algorithm for drawing calligraphy brush strokes *in SVG* [on hold]

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
0answers
21 views

How to properly create SVG letter with proper endpoints

I have seen how to create letters in SVG such as this. What I am wondering about is the flatness of the endpoints of a letter, how to do that in SVG. I'm wondering if each "line" in the SVG letter is ...
0
votes
0answers
27 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
25 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
1answer
57 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; ...
0
votes
0answers
20 views

Illustrator - Exporting SVG with only transform tags

I'm exporting a whole lot of SVG blueprints for a client. The SVG's need to have a certain pattern in the text box section. The pattern I need is transform="translate (x, y) rotate(z)". The problem ...
0
votes
2answers
2k views

Convert all strokes to fills in Sketch

Is there a way to do this? This is my first time trying to make glyphicons and icomoon ignores strokes. I have quite a few, so was hoping there were some veteran designers that could point me in the ...
4
votes
3answers
489 views

Create SVG asset library with Illustrator

I'd like to use Illustrator to generate a set of assets for use in web. The idea is that I would define one or more defs that could be called upon late. It seems this is not the intended use, and to ...
0
votes
1answer
698 views

Illustrator opens files in RGB/GPU Preview

I've downloaded a SVG file from a free online source. Upon opening it in Illustrator I cannot edit the SVG but on top of my tab it says: (RGB/GPU Preview): I am a little confused when I open every ...
0
votes
1answer
15 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?
2
votes
1answer
1k views

Path to stroke, is it possible?

What I'm doing is animating a stroke by first setting its stroke-dasharray and stroke-dashoffset, and then animating its stroke-dashoffset, so that the stroke appears as if it is being drawn by an ...
2
votes
2answers
333 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 ...
0
votes
2answers
45 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
1answer
74 views

SVGs export adding pixels in preview and browser

Hopefully some simple solution to this, but basically when I export an icon create in sketch it basically adds a pixel. Is this an export problem or a rendering issue in chrome for example? (or both). ...
0
votes
3answers
772 views

How to convert photoshop CC shapes to paths to be opened in illustrator

I'm trying to export some icons designed using shapes, effects, and masks to illustrator, but the problem is that the output is getting messed up. I believe this is happening because SVG only ...
3
votes
2answers
738 views

How do I make SVG files more transferable from Inkscape to Illustrator and viewable in Chrome?

I've created a SVG file in Inkscape [1] and I've noticed that viewing it in Chrome or Illustrator causes a number of parts of the diagram to be invisible or otherwise poorly rendered (e.g., in Chrome ...
0
votes
1answer
88 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
vote
2answers
119 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 ...
1
vote
1answer
361 views

How to export an svg icon in adobe illustrator with gaussian blur?

How to export an svg icon in adobe illustrator with gaussian blur? I am working with Adobe illustratot CC. When I use "effekt - svg filter - AI Gauscherweichzeichner 4 or 7" doesen`t work. When I ...
3
votes
4answers
310 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?
1
vote
3answers
70 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 ...
1
vote
1answer
145 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
3answers
342 views

Illustrator svg with screen shot image, large file size

I am using screen shots to present my web work then building an .svg with some additional layers, the resolution turns out great. I choose to save it as an svg because it maintains clarity, in the ...
4
votes
3answers
581 views

How to correctly recolor in Adobe Illustrator?

I have an SVG ( http://www.feingeist.io/wp-content/uploads/2015/08/Polygon_grey.svg), which I want to recolor. Initially, I wanted to achieve this by using CSS function background-blend-mode: ...
2
votes
1answer
40 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) ...
2
votes
2answers
5k views

Convert batch EPS to SVG using ImageMagick?

Is there an easy way to convert a batch of EPS files to SVG format, using ImageMagick or something else? I have thousands of vector files in EPS format and I need to convert them to SVG.
1
vote
1answer
259 views

Inkscape svg in HTML

SVG does not always look sharp in HTML I have an SVG icon made with Inkscape. The page size is width: 200px, height: 200px and the line size is width: 170px, height: 170px. When I put it in a HTML ...
0
votes
1answer
157 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.
4
votes
1answer
707 views

How to indent entire textPara in Inkscape?

I have an SVG with some flowed text that has a hierarchy to it. My text currently looks like this: But I'm trying to make it so the second paragraph is fully indented some X units, like so: I'm ...
0
votes
1answer
185 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 ...
1
vote
1answer
1k views

How to export an object/icon as svg from InDesign document?

I have a little basket icon as an object in InDesign file and I just want to save it as .svg file. I have InDesign 2017 CC How can this be done?
-1
votes
0answers
31 views

Removing white background from detailed black and white diagram with Inkscape

How would I go about removing all of the white from an image that has lettering, such as this attached worksheet diagram? I want everything but the black to be transparent.
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
0answers
17 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
1answer
208 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-...
0
votes
1answer
50 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
0answers
20 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 ...
4
votes
2answers
475 views

Coordinates of groups in Inkscape

I use Inkscape as a UI designer. I want to export each group as a single SVG using the python parser and Inkscape command line renderer but I have problems with the coordinates of each object. For ...
0
votes
1answer
24 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 ...
4
votes
1answer
148 views

SVG for WPF from illustrator – URL?

Has anyone got some fool-proof settings for exporting SVG files from illustrator for WPF environment dev buttons? Specifically, I'm being told by the developers the icons with a gradient are ...
1
vote
1answer
328 views

PowerPoint 2016: Text disappear when “Convert to Shape” an SVG plot

I am trying to "Convert to Shape" an SVG plot according to this tutorial (Convert an SVG image to an Office shape) in PowerPoint 2016. The SVG file I am trying to edit is https://svgshare.com/i/5AL....
-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 ...
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 ...