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

Clipping will be lost on roundtrip to Tiny

I'm trying to open a client SVG format image into illustrator, however I get this message "Clipping will be lost on roundtrip to Tiny" which means some parts of the image aren't clipped to where they ...
3
votes
1answer
32 views

weaving two svg items

I'm editing the SVG file in inkscape. How do I have the red loop overlap the top part of the blue tag like in the image above the svg?
0
votes
1answer
321 views

Is there any way to convert a closed path into a polygon in Inkscape?

Basically, I am working on a strategy game, and provinces on the map are basically comprised of a list of border points (which are used to create a Polygon). I thought that loading the points from a ...
2
votes
1answer
186 views

What are the units of measurement of path coordinates in .svg files saved by Inkscape?

Here are some fragments from the same .svg file made and saved by Inkscape: <svg width="150" height="150" version="1.1" viewBox="0 0 39.688 39.688" ... ... <path d="m-117.51 88.274c-1.6578 0....
-1
votes
2answers
1k views

Converting and resizing svg icons to pngs without losing quality

I'm creating an email in Mailchimp and trying to insert icons as images. Mailchimp doesn't support svg files, so I converted them to pngs in illustrator (exported for web). They're still appearing as ...
1
vote
2answers
1k views

How to retain only the black outlines of colored drawings, and then convert to SVG (vector file)

UPDATE: I have added a direct link to the PDF file, as well as a sample image below to give an overview of the goal. Hi, I currently have a color drawing/sketch that I want to convert to a vector ...
1
vote
0answers
71 views

Online solution to combine/compound paths of SVG

I have the Google G logo below in SVG format and need to merge the paths to a single path. Is there any solution out there to solve this (preferably online) that doesn't require installation of new ...
1
vote
1answer
50 views

SVG stroke-dashadjust polyfill. Trying to get SVG dotted stroke to align dots at the ends

W3C SVG Strokes introduces stroke-dashadjust but no browser implements it yet. Adobe Illustrator's stroke panel has a button for this feature – its tooltip reads Aligns dashes to corners and path ...
1
vote
1answer
98 views

How to export a circle line as path instead of circle?

I'm new to AI and been struggling to get a circle exported as path instead of circle. I need path for animation on web. The shape is really simple, just a 1pt line circle. I used arc tools and joined ...
2
votes
0answers
835 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 ...
2
votes
0answers
536 views

How to save a logo as SVG format for web use? [closed]

I have a logo that I designed in illustrator, I want to save it as an SVG for a web designer friend, I am very new to saving in SVG formats, so I really don't know the options I should choose. I have ...
5
votes
3answers
126 views

Efficiently preview thousands of svg icons?

I stumbled on the Papirus icon theme (GPL licenced). One can download the package with thousands of svg-files. Opening every file in Inksacpe or Firefox is not a practical approach to get an overview ...
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
1k views

Export Sketchup file to SVG

I am currently running Sketchup Make Version 17.1.173 (I assume this is a free version as I have never handed money over) I am trying to export to svg (or pdf, ps, eps and vector format basically). ...
4
votes
1answer
127 views

How to split path of characters into partial elements?

I am trying to decompose the following character into its composite strokes: Using this method, I have been able to separate the left- and topmost stroke. However, repeating it where strokes cross ...
0
votes
1answer
777 views

Inkscape: How to overlay objects with transparent fill?

I'm trying to create a spherical triangle with 3 circles placed on top of it in Inkscape. The fill of the circles and the triangle should be transparent. Here's my progress so far: How do I cut the ...
1
vote
1answer
2k views

Import inline SVG inside Sketch

Is it possible to import an inline SVG directly into Sketch? I want to convert my inline SVG into a file without importing an external library or copy and paste the code inside an editor to save it as ...
0
votes
0answers
33 views

Exported SVG <style> Definitions Keep Changing -> Need Consistent Output

My website will rely on several hundred SVG files generated by illustrator. The website is designed to control certain styles in the SVG, changing their colors for different options picked by the user....
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 ...
0
votes
1answer
103 views

Preparing “Extrude & Bevel” effects for export as SVG

I used Illustrator's effect "Extrude & Bevel ..." on some svg-icons. Before exporting, I use "Object - Expand..." which results in many shapes on top of each other. Usually you have to subtract ...
0
votes
0answers
120 views

Change Illustrator Default Export Settings

In Adobe Illustrator CC, is there a way of changing the default export settings for SVG from the defaults? I would like to use layer names as id's and always export text to outlines, for example.
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 ...
1
vote
0answers
260 views

SVG xlink:href path to .jpg not working (inside my website project)

Why, when I open my .svg file alone in the browser it does show the picture from xlink:href but inside my website project it does not show the picture from xlink:href? This is the image from xlink:...
0
votes
0answers
64 views

SVG --> After saving my Illustrator project to svg format, it looks different

Why, after saving my Illustrator project to svg format, does it look different than in the project? Those are my 1. project and 2. svg file after saving. project : https://postimg.org/image/93f0srcx9/...
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 ...
2
votes
1answer
994 views

Managing styles with CSS classes in Inkscape

I am using Inkscape and a CSS file for styling a project. I tried to add the class attributes in the XML editor and it didn't change anything. Is there another way I could add classes effectively ...
1
vote
0answers
96 views

Inkscape: Transform geometry of cloned path, but not the style

I want to design an illustration with a curved path and a skewed version of it. The original path org is somewhat "in flux" and a moving target; I have to adjust the shape of org so that important ...
1
vote
2answers
56 views

Programmatically created a gradient effect through division of space into fine mesh, and then colouring each box. SVG output huge! How to simplify?

I am fancying up the output of one frame of my simulation. In particular, I decided to draw out a relevant background chemical. I used Cairo to execute about the only approach I am familiar with for ...
1
vote
1answer
145 views

How to keep only visible part of path?

I'm editing an image using Inkscape like this: Since I have painted image, how can I cut out all the extra strokes (actually whole image are path, including strokes) and creating a new path with only ...
0
votes
1answer
68 views

Cannot modify my handcoded SVG with Illustrator

I've handcoded a logo for my website with SVG markup in a text editor: https://codepen.io/Deka87/pen/LQzgrz?editors=1000. I saved its contents in a brand.svg file and tried to open it with ...
8
votes
2answers
3k views

SVG gradient implementation

Is it possible to recreate this sort of blurred gradient in an SVG?
2
votes
2answers
101 views

Prevent stroke from eating near characters

I'm trying to build web text editor based on SVG, I want the outline/stroke to be always behind the text, currently SVGs looks like this <svg width="209.00049363057323" height="62.000025477707005" ...
0
votes
1answer
151 views

SVG artwork for XY axis plotter [closed]

I'm having an issue with my XY axis plotter. Does anyone know what minimum line weight I should use? The lines on my SVG files keep doubling up. Also, how do I 'fill'? Do I have to draw a series of ...
2
votes
0answers
329 views

Generate PNG`s from SVG`s (Asset Generator)

I am using Photoshop 2018 CC. Currently I try to generate Apple iOS compliant icons from several SVG`s (https://materialdesignicons.com): xx.png (24x24) xx@2x.png (48x48) xx@3x.png (72x72) The ...
0
votes
1answer
2k views

After Effects import SVG

I tried to import an SVG into After Effects but got an error stating that file format is not supported. Is there any way I can achieve this or is there any alternative solutions?
-1
votes
1answer
46 views

Inkscape converted file not recognize

I have saved an SVG file to WMF and EMF file format using Inkscape (0.91). However Google Drawing do not recognize these files. However when I use online tool for conversion (CloudConvert) Google ...
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
vote
1answer
523 views

Adobe Illustrator radial gradient is not smooth in both SVG and other image formats [duplicate]

Adobe Illustrator gradients are not smooth. I have tried to export in high resolution, and applying a blur effect to the gradient, but still it is not working. Did I mess up some setting? There seem ...
1
vote
1answer
54 views

Illustrator not respecting clipPath

For the following svg On inkscape it is correctly rendered as On illustrator it is rendered as Why is illustrator not applying the clip path property when importing the svg image in? <...
0
votes
1answer
177 views

Convert PSD to SVG and add white path to a colored image

I have a coloured logo that I have created in photoshop. I would like to export this to SVG, however, I also need to add a white path to it so that I can use CSS to display it in white on some ...
0
votes
0answers
951 views

Converting Android VectorDrawable XML files back to SVG files?

Anyone here designed in Android development team or familiar in Android development? There's so many way to convert your existing SVGs to Android's Vector Drawable XML files now, but is there any way, ...
2
votes
1answer
343 views

Same SVG displayed differently on Illustrator and Inkscape

For the following SVG file It is shown correctly in inkscape as At 100% zoom level For the same zoom level in illustrator it's shown as If you zoom into the illustrator image the pattern is ...
1
vote
3answers
714 views

Why can't I import my photoshop SVG in sketch

In sketch, I choose edit->insert image, then search for the SVG...It is listed but greyed-out and non-selectable. I can import any other valid image format. Everywhere I read about importing in ...
1
vote
2answers
244 views

Illustrator SVG export Inside Glow effect

I'm designing a logo for someone but i got a huge problem. I've got this paperpress effect (Inside glow): I need to export this to an SVG format But when i do this and open it in my browser, this ...
1
vote
0answers
130 views

font-style: oblique as a substitute for italic, and vice versa

I have a hard time trying to understand font-style during investigation of transient bugs in a SVG→PNG converter) and comparing it against rendering in browsers. Common italic fonts don’t slant such ...
-2
votes
1answer
2k views

SVG image not displaying properly in HTML webpage

I'm trying to insert an svg image that I created in Inkscape into my html web page but for some reason I can't get it to render correctly. Is there some sort of extra exporting step to get an SVG ...
2
votes
1answer
2k views

Crop SVG with Inkscape

I have an SVG built up by adding several images on top of each other. It works fine but the edges do not line up and overlap in ways that I don't want. I basically want to "trim" the edges of my SVG ...
-3
votes
1answer
127 views

Is there a way to export a SVG that's under 'class=' on a website? [closed]

Is there a way to download/export the svg under: <span class="connect-device-list-item__connect-icon spoticon-spotify-connect-16"></span> from https://open.spotify.com ? Where I should ...
0
votes
1answer
103 views

Illustrator saving as SVG causes transparent offset between objects

I have the issue that when saving to SVG from Illustrator 2015 CC, there is a small offset between some objects, as seen below: The blue area should be directly attached to the white area, but there ...
2
votes
3answers
96 views

Inkscape SVG file with many photos is over 300 Mbs

Somehow I've ended up with an Inkscape SVG file of over 300 megabytes which is now impossible to open. I was doing a caricature using a collage of photos of each aspect of the subject's face subject (...