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.

1
vote
0answers
32 views

Is it possible to import my own SVG into Canva

I'm trying to figure out a way how to import my own vector SVG graphic to Canva. I've tried numerous tutorials on creating SVG files from Adobe Illustrator, I've tried numerous Ai to SVG convertors, ...
0
votes
1answer
37 views

I want to reduce svg file size [closed]

I have created an SVG in Illustrator, but the file size is above 500kb. I'm struggling to reduce the SVG to less than 50kb.
1
vote
1answer
30 views

How to remove all circles in Inkscape?

How do I remove all the grey circles at once in Inkscape? Please see attached image. I can manually select one Object at a time and delete. I am very confused with using the eraser tool
2
votes
1answer
31 views

How can I export this .ai file to SVG while maintaining full shape

I have the following hand drawn .ai file that I would like to convert to SVG for 3d printing with tinkercad. when I save as SVG however there is some clipping done to the paths and it turns out like: ...
1
vote
1answer
28 views

svg - change color to red

I have a svg file as below: <?xml version="1.0"?> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M 3.40625 2 L 2 3.40625 L 20.59375 22 L 22 20.59375 L 18.25 ...
0
votes
0answers
17 views

Using LaTeX and TikZ with Illustrator

When using Adobe Illustrator I wish I could just program things sometimes, like I do with TikZ & LaTeX. Are there any plugins or extensions or general workflows that can help unite these two ...
1
vote
0answers
71 views

Confusion about stroke and fill for SVG path animations?

I'm trying to replicate this SVG animation: Codepen-original but with my SVG logo. Here is the same codepen with my SVG logo: Codepen-with-my-SVG. I'm new to dealing SVG's and started learning and ...
0
votes
1answer
54 views

Inkscape editing repeating pattern

I’m trying to edit a repeating pattern in Inkscape. I covert the pattern to objects and make my changes (adding some additional company’s), select them all and create pattern from objects. The ...
0
votes
1answer
23 views

Scribus: coloring SVG

Is there a way to use SVG graphics in Scribus and set a colors for it? I need to use a self named spot color in terms of printing business cards with partial refinement. But color properties for SVG ...
0
votes
1answer
46 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
1answer
50 views

Cannot get circle to cut around image!

Trying to make a logo similar to this in Inkscape but cannot get the parts of the circle to cut out around the image. I've tried everything. Difference, intersection, Object-Set-Cut. Nothing works. ...
0
votes
0answers
34 views

SVG - inserting a design into web site

We have a website which is an online print shop, online design studio. We are having problems with SVG. When the SVG file is imported into the site, the texts are broken letter by letter. I would ...
0
votes
1answer
37 views

What is the best way to export animation from Adobe Animate for WEB?

I'm not familiar with Adobe Animate. But I want to ask 2D artist to export animations from Adobe Animate to append to my HTML page. As for me the best way to append animations is SVG animations with ...
1
vote
1answer
73 views

Setting the Viewbox so that the inline SVG will “Snap” to the size of the containing element?

I created this simple inline SVG by saving as "Optimized SVG" in inkscape. Prior to saving I set the size to 200X200px. <div style="width: 200px; background-color: red;"> <?xml ...
1
vote
2answers
52 views

Editing SVGs created in Draftsight with Illustrator

I made a design in Draftsight saved it as an SVG file and imported it into Illustrator to make a vector poster. I separated out the elements to keep things organized. I seem to be having issues with ...
-2
votes
1answer
127 views

Creating neon vector design aesthetic used in Apple's 2019 WWDC graphics in Illustrator

Apple has some pretty cool designs for their 2019 WWDC: I would like to learn how to create (and create) vector images / icons like this in Illustrator. What is the name for this type of design? Are ...
0
votes
2answers
36 views

How can I export an SVG with letters to one singular path and without any transform properties?

I am trying to export an SVG logo in Illustrator which is just font letters as one path, rather than lots for each letter. The reasoning behind this, I have just found it, is because CSS mix-blend-...
2
votes
2answers
82 views

How can I analyse this SVG image downloaded from the web?

While I was looking at some designs of some websites, I came across a beautiful SVG background: https://www.algolia.com/lp/img/hero/hero-magento.svg I wanted to inspect it so I downloaded it. By no ...
1
vote
0answers
18 views

How to access objects from a SVG image in Tupi

Given a SVG image file imported to a Tupi project, is it possible to edit the objects that this image contains (change their position, color, etc)?
0
votes
0answers
31 views

Scale Icon to fit on web page

How can I convert the following svg to a path that will fit in a 0 0 32 32 viewbox? I have others to convert, so if someone can explain how to do it with inkscape or some other tool, I would ...
1
vote
1answer
122 views

Automatically reduce (remove some) nodes to smooth an SVG [duplicate]

I have an SVG image that consists of thousands of nodes. How can I use Inkscape to automatically reduce the number of nodes while keeping the overall shape? An example image is Fist.svg, with a small ...
1
vote
0answers
40 views

Is there possibility to export from Toon Boom Animation Harmony 16 Pro to json?

I'm a developer and we want to create an animated hero for one-to-one video chat and this here will be like the third participant. We want to get along only with css animation in extreme case start ...
1
vote
0answers
45 views

Set origin and rotation on a path with SVG's animateMotion

I'd like to apply a rotation on a path animated with SVG's animateMotion tag. Here's where I'm stuck at, my aim was to repeat the animated circle on the other three lines. It seems that transform-...
0
votes
0answers
10 views

Preventing SVG's animateMotion tag from resetting

I'd need the SVG-equivalent of CSS' animation-fill-mode:forwards;. Is there something that can help? Thanks!
1
vote
1answer
54 views

Why does color disappear completely from my graphic once I export it as .svg

I`m still a beginner on GravitDesigner but created several vector icons already. One strange thing happened already several times: I create a new icon with different shapes and compound paths with ...
1
vote
0answers
37 views

Exporting multiple shapes from Illustrator as one resizable object

I designed a map marker using Adobe Illustrator and I am trying to export this design so I can use it in Adobe XD. When I export as a .png everything is ok. But when I export as an SVG I have this ...
1
vote
0answers
25 views

low level embedded drawing library [closed]

for visualisation purpose I need low level embedded drawing library (preferably written in C) for real time working , I would be calculating some data and than makeing histograms , for this I have ...
1
vote
0answers
27 views

How do I easily separate multiple objects on an artboard to new SVG files w/ sizes?

I'm new to Adobe Illustrator, so please forgive me if this seems like a dumb question. I have an SVG file with the USA map and all 50 states. I need to create 50 individual SVGs, one for each state. ...
1
vote
1answer
248 views

Import svg file in Inkscape

I have several SVG files and want to create one SVG file. According to their file, they all should have a size of 22x22 Pixels. If I open one of those SVG files (or import it), there will be a ...
2
votes
0answers
42 views

Inkscape SVG Stroke Size Changing Depending on Zoom

SVG Shape Gaps change when Zooming I used this tool: here to create a low-poly picture and then downloaded it as an SVG. I then noticed that the edges were overlapping and so I brought it into ...
1
vote
2answers
124 views

How to add a comment to an SVG file in Inkscape?

When doing design work, I find it extremely useful to jot down sidenotes so that I can backtrace my thought process during later revisions. These comments are not considered as part of the work itself,...
0
votes
1answer
31 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 ...
0
votes
2answers
27 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
vote
2answers
172 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 ...
-1
votes
1answer
81 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 ...
0
votes
0answers
39 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....
3
votes
3answers
446 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 ...
0
votes
0answers
65 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% ...
1
vote
4answers
94 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 ...
1
vote
1answer
109 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
1answer
38 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
vote
1answer
207 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
31 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 ...
0
votes
0answers
74 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
32 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
30 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
44 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 ...
2
votes
1answer
529 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
99 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 ...
1
vote
1answer
292 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 ...