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.

2
votes
1answer
267 views

How to batch add whitespace to rectangular images so they all will be square?

I have a lot of various sized rectangular images. I would like to keep them centered, do not change their size and only add white space, so every image would be square. After that, I want to convert ...
1
vote
1answer
404 views

Exported SVG produces strange white spots

I'm trying to export the attached logo as an SVG, but when I do I get some strange white areas. I didn't make the logo, some other designer made this and now the company said they should have it as ...
4
votes
1answer
804 views

Set order (start) of nodes in a closed shape/path?

I need a way to mark the starting node in a curve. I am using the curves in an external program that animates the drawing of the object from the starting point to the end. It appears that cutting a ...
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). ...
3
votes
1answer
560 views

Inkscape to trace bitmap with 4k+ colors

I'm trying to convert (trace) this image to an svg file: Full size Image I run Path > Trace Bitmap, 256 colors, no smooth, no stack, remove bg, no optimize paths. It vectorizes ok but the colors are ...
1
vote
1answer
1k views

Inkscape : Exporting SVG to different icon sizes

What if we start working an icon with 32x32 template and need more icon sizes from the base art. Like, I made a camera icon using 32x32 template and is in need of 48x48, 64x64 etc variants in SVG ...
0
votes
1answer
61 views

List or identify layers in Photoshop that are svgs with vector data to export

I'll try to articulate this question, but feel free to call out vagueness or false assumptions. Is there a way in Photoshop to list which layers in a psd file have complex svg information in them? ...
3
votes
1answer
1k views

How to change font of all the text in an SVG image at once using inkscape?

I am using GeoGebra to render geometric figures. Really nice software but it seems the text font cannot be changed in it. I know I can change font of text using inkscape by individually selecting all ...
1
vote
0answers
974 views

How to crop SVG images in Inkscape?

I want the sides of this SVG image trimmed: I tried opening it with Inkscape, selecting the region I want with the Rectangle tool and then Object → Clip → Set. But nothing happens.
1
vote
1answer
986 views

How does one create a color wheel in Illustrator

How does one go about creating a VHS color picker shown below? I know it has to be a gradient around a circle, but then toward the center it gets lighter. The center is white. P.S. I have looked at ...
1
vote
3answers
746 views

Compound Path - Making shapes white

I am a newbie with Illustrator and could really use some help. I am trying to convert some icons to SVG and part of this process is making a compound path. Quite often this works just fine but ...
6
votes
1answer
1k views

Inkscape: after bitmap trace, break shapes into own paths (for css animation)

I've got this very simple b&w svg that was created from a bitmap trace in inkscape (below is the png original, it doesn't allow svg uploads?). My end-goal is to have each black shape in the image ...
1
vote
2answers
219 views

Partially increase width of the curve

I'm reworking an old raster logo to the vector format. There is a part of the logo where the curve widens in one place and then comes back to normal width. How can I make this happen in Inkscape? I'...
1
vote
1answer
496 views

How to import SVG icons to Sketch so that they don't open each in different sketch files but all in one

Recently I got a problem, when I am importing Svg icons from one folder, they are automatically opened in separate sketch files, so I have 100 opened sketch files in total. Can someone help with it? ...
0
votes
2answers
502 views

How do i make the selected areas transparent, so i wouldn't have to place this logo only on a white background? [closed]

The whole logo is drawn in adobe illustrator CS6 with pen only. I'm new to illustrator, so any help is deeply appreciated.
0
votes
2answers
3k views

Correct and simple way to convert PNG to SVG? [duplicate]

What would be the best way to convert this type of image to SVG?
4
votes
1answer
415 views

Bizarre Illustrator error - SVG output looks different

I've never run into this. For some reason, Illustrator is changing this SVG file (see versions 1 and 3) for a coat of arms, although it looks perfect on my screen and there are no apparent SVG errors. ...
0
votes
1answer
75 views

How to create a reversed SVG Logo

I'm very new to svg and adobe illustrator and I'm struggling with it. I want to create a svg logo wich is tranparant but the outline is filled. I want to use it to scale up on scroll Here is an ...
3
votes
1answer
741 views

Converting <line>s and <use> into single shape/path

I have a bunch of SVG images that are made in the following way: there is a “base shape” defined by a bunch of lines arranged in a tree-like fashion, that are cloned mirrored and transformed into a ...
1
vote
3answers
2k views

Convert embedded SVG to PNG image

I have the following embedable SVG code. <svg width="600" height="600" xmlns="http://www.w3.org/2000/svg"><g transform="translate(10,10)"><g><circle class="node node--leaf" ...
2
votes
1answer
1k views

Inkscape: Combine objects with different colors

I have the following objects that I need to combine them in one object When I press Ctrl + +, which is union, all rectangulars become grey as follows: If I press Ctrl + k, which is combine, all ...
2
votes
3answers
999 views

Voronoi Diagram (Delunay Triangulation) in inkscape not working properly?

I'm working on some low poly wallpapers on inkscape 0.92, but when i use the voronoi diagram (delunay triangulation), i got this ugly result : should i fix some thing in my design? or it's a bug ...
6
votes
1answer
689 views

Why, when I copy and paste an object in Inkscape, does its selection become larger and it gains a filter?

I have an Inkscape SVG document that when I copy and paste and object, the copy has an unexpectedly larger selection box around it. When selected, the information bar at the bottom marks it as "...
0
votes
0answers
214 views

Saving SVG file as EPS using InkScape pixelates the image in LaTeX [duplicate]

I am working with InkScape to make vectorized images for a LaTeX file. When I save my SVG file as an EPS (using SAVE AS->EPS) it becomes pixelated. I am trying to make a vectorized eps figure for ...
2
votes
2answers
7k views

How to join multiple path objects into a combined path object in inkscape?

I'm attaching an image for demonstration since this is hard to explain. I want to ad text description to an image map, but I don't want tons of paths, one for each letter...I would like to group a ...
0
votes
0answers
246 views

Using Inkscape to create an svg file results in a transparent area in the image

I am new to using Inkscape. I have a png file of a circle logo with a white image inside the coloured circle. When I trace this png using inkscape, the final result shows that the white image inside ...
2
votes
1answer
558 views

How to convert inkscape arrow to single path?

I need to use scripted SVG in my web page. I made the basic things in Inkscape. I have two arrows, like this: They should change colors using Javascript which I wrote. However arrow markers are not ...
0
votes
1answer
51 views

How to create paths that convert as a stroke in a font file in Illistrator?

I am finding it very very difficult to create a simple icon with only the stroke. I am trying to create a font that has the exact layout that I have drawn. But for the life of me I can't work out why ...
1
vote
0answers
59 views

Sketch: import SVGs with filters

I have an SVG with a filter tag that several elements are using. How do I get Sketch to recognize it? This is a simpler SVG, but it conveys my point: <svg width="230" height="120"> <...
0
votes
2answers
1k views

Exporting SVG from Illustrator with stroke as an SVG attribute

I have created a simple chevron icon in Illustrator and now exporting it as an SVG. Technically, it's just a path with a 2pt round brush stroke. When I export it as an SVG with the stroke applied I ...
2
votes
2answers
3k views

How to update an SVG icon colors in Sketch

I have the following SVG icon in Sketch. I want to change the sign color, but I don't know how to do it. The sign is a path , every time I change color, only the background changes. I want to be able ...
0
votes
3answers
191 views

Outlined font much thinner when saved as SVG

I have a logo which is using the font Lato Light. Before saving out, all fonts have been outlined. When I output the vector as an SVG (using Export in Adobe Illustrator), the font is coming out much ...
3
votes
4answers
156 views

Name of this style: Vintage, b/w, line-filled?

I've found a graphic style, which ... looks "retro" (maybe around 1900?) is only "filled" with lines, so looks a bit like a hand-drawn technical drawing and seems to be quite modern (e.g. for ...
0
votes
1answer
39 views

Increased VGA doesn't fit

I wanted to create a Logo (with VGA), so I used Paths to create that form (see Image) but when I increase it, it doesn't fit anymore :( Does somebody have a fix for that? I have no clue and I am new ...
1
vote
3answers
1k views

How can I draw electrical circuits and export them in SVG?

This would be an example of the kind and quality of elements that I want to use, which I can't get if I were to draw it with Matlab: These circuits are supposed to be in my thesis which I'm writing ...
0
votes
1answer
544 views

White space between objects when exporting to SVG in Illustrator [duplicate]

I have white space between objects when I export to SVG from Illustrator CC 2015. I have checked that the lines touches in preview mode and I have exported with 3+ decimals. What I see in ...
0
votes
2answers
588 views

Illustrator: Brush strokes getting converted to “shapes” with fill when saving as SVG

I'm using the brush tool in Illustrator and when saving the document as SVG, the brush strokes are saved as <paths> with the stroke itself having a stroke and fill. Demo: https://codepen.io/...
0
votes
1answer
316 views

How to export SVG in illustrator, and make object doesn't messy? [duplicate]

I've been struggling to create an icon in illustrator and convert it to SVG but the result is my SVG file becomes a messy object after I export it into SVG. Can someone explain me why? I'm already ...
1
vote
2answers
400 views

Multiple SVG files export at multiple sizes (eg. png at 16px, 24px…)

I would like to know if there is any automated solution to export multiple SVG files (more than 200 icons) from Illustrator to multiple size PNG (16px, 24px, 32px, 48, px, 64px) I know that there is ...
1
vote
2answers
684 views

Edit Animated SVG File in Adobe Illustrator and keep Animation

I have an animated SVG that I would like to edit. The edit is very simple and I only want to change some text. I can open the SVG correctly in Illustrator and make the change, but when I save it and ...
0
votes
1answer
616 views

Exporting an SVG with a gradient clipping mask from Illustrator

I have a group, and I want to fill it with a gradient. This is the desired outcome: I have tried creating a clipping mask in Illustrator and exporting to an SVG but the shape remains black in the ...
1
vote
2answers
97 views

Image changes completely when exported to SVG from Illustrator

I'm designing stencils for a client in Illustrator. Using only simple path lines with the pen tool, a coupe simple circles and a piece of text -this is the important part- that I converted into ...
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?
0
votes
1answer
42 views

What software / hardware is necessary to edit SVGs ~40Mb in size with thousands of visual elements?

I need to edit some building plans received from a customer. Namely, removing a large number of extraneous visual elements so that they can be used in a web application. Myself and colleagues have ...
0
votes
0answers
77 views

Adobe Illustrator - SVG - Custom XML/Events

I'm looking for the ability to add custom XML attributes and/or event types to the SVG output from Illustrator, without any post-processing. Illustrator seems to have almost what I need. It has a ...
0
votes
0answers
151 views

A reusable object with an image map or SVG interactivity in Illustrator?

I use Illustrator to make web sites with SVG pages (ozake.com). To create animations and menus, I use the Attributes palette to add links to an object and I use the SVG Interactivity palette to add ...
2
votes
1answer
48 views

Better workflow of Svg's​ for web

What is the best way to bring svg's from Photoshop to web using @font-face?
0
votes
0answers
90 views

How to create a “colorless” PDF with Inkscape?

I'm creating a document with LaTeX and use icons in PDF format. Originally, I have them as SVG files but I have to convert them to PDF for LaTeX to include them. Now I want to color the same icon ...
0
votes
1answer
307 views

How do i make the svg precisely the size of the letters only?

I have the following SVG in my inkscape: Now when i save this svg in my html file like below, it takes up alot of space, i want the SVG to be the size of the letters on, how do i do this in inkscape ?...
0
votes
1answer
485 views

Only Inkscape (and GitHub) render SVG correctly

I am using Inkscape 0.92.1 (4.20170510bzr15686.fc26) on Fedora 26. To verify the issue, I also exported the SVG in Inkscape, but both files are rendered incorectly on my system. Original SVG: https:/...