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
2answers
99 views

How do I export text as paths in Photoshop?

I have a logo that is made simply by mixing two different fonts with custom settings (the image in the center is actually big G in Webdings): I want to export my logo as an svg (paths). Unfortunately ...
2
votes
2answers
814 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
1answer
554 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-...
10
votes
4answers
47k views

How to export Animated SVG file from Adobe After Effects?

I am working on a text animation in Adobe After Effects and I want to export my animation as an Animated SVG so that I can use it on my website and Mobile Apps. Does anyone know how to do that?
56
votes
8answers
64k views

How do I embed Google Web Fonts into an SVG?

I'm writing an article on my site about the advantages of new web technologies, among others HTML5, CSS3 and SVGs, one of the advantages of the latter being the ability to select text in what is ...
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....
0
votes
0answers
29 views

Intersecting Path cancel each other out in Adobe Illustrator

I have a really weird issue in Illustrator and I can't imagine that I am the only one who stumbled across this. I am trying to make a standardized icon set for use in Powerpoint. Other people working ...
4
votes
2answers
685 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 ...
5
votes
6answers
6k views

Saving an SVG with viewbox 0 0 in Illustrator

I've got a problem saving SVGs in their correct format in Illustrator. I want to save an SVG for web development with the viewbox as "0 0 100 100". The sizes, 100 width and height, are not a problem. ...
4
votes
2answers
334 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 ...
0
votes
1answer
770 views

How best to join multiple SVG Files info 1?

While I do realize that this question has bee n asked, and answered, the answers seems to have very mixed results, and unfortunately, the reasoning for the joining in the posts I have found appear to ...
1
vote
0answers
25 views

Single incorrect glyph when exported to SVG at smaller font size (Illustrator CC)

I'm trying to export an SVG for web use from Illustrator and for some reason the o in this font family (Bilo) refuses to play nicely. This is what it looks like inside of AI. The larger text is 22px, ...
0
votes
1answer
51 views

Is there way to get or convert characters into svg path?

In this picture is cursive Chinese character. There are lot of stroke order for normal Chinese characters. Is there way to create this characters into individual stroke with path data like following. ...
0
votes
0answers
21 views

Converting an MP4 video file to SVG? [closed]

Is it possible to convert an MP4 video file to usable svg? Usable as in, have that video file embedded on an android login screen. I've not come across native software that inherently does this ...
1
vote
0answers
40 views

Cleaning up nodes in Inkscape

I have the following SVG: I am using Inkscape to create and edit this SVG. I wanted to have my Mask layer as the background and put all the other stuff on top of it. So to do that I duplicated all ...
0
votes
0answers
23 views

Affinity Designer v Adobe Illustrator for creating an svg icon library [duplicate]

I am looking at exporting SVG images using Adobe Illustrator 2020 for putting together my own custom icon library to use in a web page. This is a simple set of 2 artboards. With a minus icon outline ...
0
votes
1answer
183 views

How to remove Transforms from Adobe Illustrator SVG?

I am trying to import the svg icon I made in illustrator into Android Studio using their built in svg converter. Unfortunately it gives me the following error messages: ERROR @ line 1: Gradient has ...
0
votes
2answers
76 views

I need a tool to design SVG for HTML

Basically, a lot of SVG editors, even Inkscape, insert tons of random stuff into the file that is not needed to render it correctly inside an HTML. I want to be able to copy the source of the file, ...
1
vote
1answer
60 views

Suggested workflow for vectorizing logos with gradients

I was impressed with how much grunt work can be handled within AI's image trace function: Object -> image trace -> make and expand However, for more sophisticated logos, things become less ...
0
votes
2answers
41 views

Gradient Background not exported correctly in svg from Illustrator [closed]

As per title, for some reasons I'm not able to export this simple gradient background from Illustrator This what it looks like in Illustrator: Here the ai file: https://www.4shared.com/file/...
-1
votes
1answer
36 views

Same vector graphics but different SVG output in CorelDRAW and Adobe Illustrator

I had draw an ellipse in corel and illustrator and export as SVG. when i open their code, it was major difference in those two files. Look at below ellipse SVG code I think Illustrator looks clean. ...
0
votes
1answer
810 views

Export svg with animations using Adobe Animate

I have created a simply Sun animation and for now, I want to export my whole 2s animation into SVG file that could be later imported into the React project as an SVG file that contains my all ...
0
votes
2answers
33 views

svg rendered correctly only inside inkscape

I created an object with inkscape and added an overlay object(blend mode) on top. The problem is that outside of inkscape(other editors etc.) i can only see the overlay and not the combination of the ...
7
votes
3answers
7k 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 ...
11
votes
6answers
39k 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 ...
0
votes
1answer
94 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 ...
0
votes
1answer
35 views

Relative coordinates in animateMotion path

I cannot figure out why the blue ball1 in the following example does not "move to" the point on the path specified in #wire from its starting positions to mimic the path animation of the pink ball2. ...
9
votes
1answer
21k views

Add a hyperlink within Illustrator [duplicate]

Is it possible to add a hyperlink to an object or a layer within Illustrator CS6 for a later SVG export? I know about the possibility to manually edit the exported file and wrap elements with an <...
0
votes
2answers
63 views

Cut out a city in a map based on (a path) administrative boundries

I want to cut out this city, from a map, based on the yellow dotted line (administratieve boundries). So what is within the yellow line I want to remain and what is out off the line I want to delete. ...
0
votes
0answers
244 views

SVG pixelated on small sizes

I'm using this custom size 64*64 plus icon svg as zoom icon in my website. As you can see, it's pixelated. Specially the white border. Don't know why. Because it's svg it suppose to looks sharp right? ...
0
votes
1answer
9 views

What are symbols as opposed to text, and how can I convert them to paths?

When I export an ER diagram in MySQL Workbench as SVG, its text uses <symbol> tags. This makes it impossible to copy the tables to another file, without breaking the layout. (The copied object ...
0
votes
1answer
61 views

SVG files indentation sensitive?

Are SVG files to be formatted in a certain way? Like do indentation and line breaks etc. matter to SVG files?
0
votes
1answer
33 views

Problems with text boxes after saving file in inkscape

After saving my logo in inkscape, I'm facing a problem with the text's boxes and alignments. The problem is that when I'm going to open it on krita as svg, the textbox is way bigger than the one I ...
2
votes
1answer
48 views

Inkscape - Concentric closed paths?

In inkscape I can draw a circle. If I want a bigger circle centred around it like an outline I can just hold down the shift and ctrl keys and I'll get concentric circles. This works because obviously ...
0
votes
0answers
14 views

Scale svg content to fit page size (or vice versa) from terminal without inkscape

I want to scale an SVG image to fit the page size (or vice versa: crop the page to fit is contents). This can be done using inkscape as described here. However, there seems to be no way of doings this ...
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?
1
vote
1answer
39 views

Is there way get separate part of a font in any graphic editing tool?

In this image as example for Letter R. I want to cut it into three pieces. Yellow color are cutting line. After rectangle is portion, I want it in separately like this Part 1: | Part 2: D Part 3: \ ...
1
vote
1answer
84 views

Jpg to svg but source contains only lines

Origami Crease Patterns contain every fold needed for the base model but they usually come in low resolution and bad coloring. I tried many options from adobe illustrator for tracing the jpg and ...
0
votes
1answer
409 views

Porting designs from Illustrator to Figma (SVG)

I need to use some logos and other elements I've created on Illustrator in Figma. I know that you can save an entire project on Illustrator as SVG but how to pick certain elements, say shapes and ...
5
votes
5answers
12k views

Remove transformations when exporting as SVG with Illustrator

Is there a way to remove path/group transformations when exporting as SVG with Illustrator? My problem is similar to this one but the given solution is only for Inkscape.
1
vote
2answers
6k views

Save svg without artboard in Illustrator

I have shape that I would like to save as svg file for web. I do: Save as Select Save as type SVG Use Artboard is unchecked by default Enter file name and save Unfortunately I got huge art board and ...
0
votes
1answer
103 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
1answer
20 views

Does it matter whether multiple text objects are selected when doing object to path?

In this video, instead of selecting all the objects and doing Object to Path he selects on text object at a time. Does it make a difference whether multiple objects vs. just one are selected?
-1
votes
1answer
47 views

Inkscape clipping a text with path is not working

I am trying to clip a simple text with a path on Inkscape and is not working. Here is my text : Here is my path on top of my original text : Then I select both, and I click on Object --> Clip --&...
0
votes
1answer
374 views

Inkscape import .AI file appears blocky

I'm trying to import some vector images into inkscape to remove the background and crop them before converting to .svg. Problem is, when I import any of them, they appear really blocky and strange, ...
1
vote
2answers
38 views

How to apply a stroke only to the selected nodes in Inkscape?

I have this shape. I want the stroke (outline) to be around only the inner circle cutout, not the whole thing. If I go to the Fill and Stroke tab(Shift+Ctrl+F) and try to apply the stroke paint, it ...
0
votes
2answers
34 views

How to replace a mask group from within a component in Adobe XD?

I'm new to the concept of a component in XD, but I found it to be very powerful. Right now I would like to create a master copy of a component that is a button and contains an svg inside of it, but ...
-1
votes
1answer
36 views

How to create different paths of an existing image

I have this image bellow wich is an png and I want to fill with color different areas with css. The best way to do that is with svg. But I dont know how to make this different areas separated and ...
9
votes
2answers
12k views

Path with rounded corners in inkscape

I am trying to use Inkscape to draw a path consisting of line segments, where the corners are rounded, like the bold black arrows in this image. I tried the Bezier tool, but couldn't achieve the ...
0
votes
1answer
72 views

Best Format for image for touchscreen (1920 x 1080 resolution)

I have these PDF files and they are 4500px x 6646px and 300 resolution and I need to display it on a touchscreen....on this touchscreen you have the ability to zoom in and zoom out. I have converted ...

1
2 3 4 5
18