Stack Exchange Network

Stack Exchange network consists of 175 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
60 views

Distorted SVG icon when exporting from Sketch

I am getting a strange result when exporting an SVG icon from Sketch. I am trying to export this mail icon that is made up of two masked triangles and an outer rectangle (all using an outside border):...
0
votes
1answer
26 views

In Inkscape is there a way to preserve file name of imported images?

I import (embed) a lot of jpg's and png's to Inkscape, many of them visually similar to each other. When you select an image, the tool-tip/status bar message will say something like: "image 1000 x ...
1
vote
2answers
3k 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
5k views

Why are gradients and opacity rasterized when saving SVG's in illustrator?

I'm a web designer and frequently use illustrator to create graphics for use on the web. The most ideal format for me is SVG because it is light, performant and looks HQ at any size. Something ...
0
votes
2answers
21 views

Link to svg file so that my other design file update automatically when those svgs change

I have an illustrator file where I design my icons, each on an artboard, and then export the result as svg files. I have another file for doing mockups of screens, where I would need to use the svg ...
-1
votes
1answer
42 views

Projecting a path to form a curved 3d side wall in Inkscape?

I'm reviewing this 3d pie chart inkscape tutorial and was curious whether there is a way to project the side walls using something like an extrude effect? Here's a demo that creates two surfaces and ...
1
vote
2answers
61 views

Inkscape does not export the layer's blend mode exclusion to PDF

I followed the instructions here to fill some objects (including text) with a negative of their background: If I export this as png everything is fine. However when exporting as PDF it just shows ...
0
votes
0answers
18 views

How can open a svg-icon in sketch unchanged?

I open a SVG-icon in sketch: <path fill="#9A9DAF" d="M98 46.9c-1.2 0-2.3.2-3.4.4L90 ..."/> <path fill="#A5EAFF" d="M79.4 91.2c-.4 0-.7-.1-1-.3-.9-.6-1.2-1.8-.7-2.7l6.2-10.3c.6-.9 1.8-1.2 2....
7
votes
4answers
22k views

Changing the DPI of Inkscape’s PNG export

I use Inkscape and want to export a PNG image (of my SVG file) with dimensions 1080 px by 1920 px. However the DPI is always set to 90 and if changed, the dimensions change with it. Is it possible to ...
1
vote
4answers
64 views

Inkscape: Replace objects with original size

Is there a way to replace objects of the canvas by another respecting the proportions? For example, in my drawing I have many rectangles of different sizes and I want to replace them with another ...
3
votes
3answers
64 views

How can I create a PDF file from an Inkscape SVG with multiple pages?

I have an SVG file that was created in Inkscape. It's the layout of a page for a book that is like a diary, so every page is exactly the same. The printing service that I will be using to make a hard ...
1
vote
1answer
38 views

How can I use the drop shadow filter on multiple paths on inkscape?

So, If I shift select all the images I want to create a shadow for, I get the following image: A way around this would be to group the objects and cast a shadow over that, which produces the ...
0
votes
0answers
27 views

Photoshop is exporting vector as transparent SVG

I've been give a .ps file to turn into a webpage. As part of that there is an vector logo in it. When I go to export it as an SVG it does export the file at the correct size, but it is 100% ...
9
votes
3answers
4k views

SVG gradient implementation

Is it possible to recreate this sort of blurred gradient in an SVG?
0
votes
1answer
30 views

Setting the Background of Grouped Inkscape Objects

In this youtube at the current time the designer is able to set the background of 2 grouped objects. I've tried following the exact same sequence, but when I click on a palette color, the color is ...
-1
votes
1answer
34 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 ...
2
votes
1answer
1k views

Convert svg linear-gradient to CSS linear-gradient (Adobe XD)

I was given an Adobe .xd file for a website, which needs to be created in WordPress. Part of the design are linear-gradients (as borders of images for example). My problem is, that I can't seem to ...
1
vote
0answers
685 views

Shading an SVG shape using control points

I'm using Inkscape to produce an SVG image which is supposed to reproduce a photo. I have some arbitrarily drawn shape, and I need to shade it. Here's an example photo: Here's how I would like to ...
0
votes
1answer
25 views

SVG file not saving as drawn in illustrator

Below is an image of the logo I have created in illustrator CS6: However, when I save the file as an SVG and then view it, it has been saved looking like so: Notice how the text is changed to lower ...
1
vote
1answer
76 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
41 views

How to fix/change Inkscape scale factor while exporting into SVG?

I printed a PDF drawing with Chromium. This is my reference physical output. I imported the PDF into Inkscape (0.92.3), cloned the drawing and then printed within Inkscape. The output has the ...
1
vote
1answer
29 views

Help explaining an svg arc command

I have recently gotten an SVG snippet from some website, shown below. Although this is doing somewhat similar to what I want (a half circle), I am having issues fixing it to accommodate my needs. ...
0
votes
0answers
21 views

Live Type fonts won't appear after exporting to SVG from Illustrator CC

I am attempting to export several of our design files for a browser based customizer we are building for our site. As the title states, I am running into an issue where the live type will not appear ...
0
votes
2answers
35 views

Illustrator CC 2018 Tracing not doing what I need to convert this BMP to Vector?

I have Illustrator CC 2018 and I have a series of bitmap images saved as *.bpm (I can save as other formats if they would work better) which I need to convert to Vectors but no matter what Trace ...
0
votes
1answer
23 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
1answer
72 views

Resizing an SVG using GIMP

I exported an image from this site https://watabou.itch.io/medieval-fantasy-city-generator and am trying to make it really big, but can't figure out how. The tutorial vid I found uses an iOS or ...
0
votes
1answer
39 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 ...
0
votes
1answer
39 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 ...
1
vote
1answer
109 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 ...
16
votes
3answers
21k views

Is there a way to reverse the order of anchors in a path?

Is there any way to reverse the order of anchors in a path? I don't want to redraw the path again. I want to change the starting anchor point from the starting point of any path to its end. reversing ...
1
vote
1answer
2k views

How to create an SVG path reveal animation in Illustrator

Handwriting: SVG animation CodePen Ex: 1 Handwriting: SVG animation CodePen Ex: 2 I'm trying to learn how the above "handwriting" effect was achieved using SVG paths and CSS. I've been looking at ...
0
votes
0answers
19 views

Find out the file location in Inkscape

I have an .svg file being opened in Inkscape. I know that the file was opened using Inkscape, not just created right now. So, the file is present on the disk. How can I find the location of the file ...
-1
votes
1answer
36 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
297 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
27 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
103 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
284 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
31 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
39 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
69 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
0answers
23 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
1answer
40 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 ...
0
votes
0answers
26 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
3k 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
506 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
773 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 ...
2
votes
1answer
2k 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
432 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
75 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). ...