All Questions
Tagged with sketch-app svg
36 questions
0
votes
0
answers
49
views
Problem converting shapes to outlines in Sketch App
I'm trying to upload some custom icons to FontAwesome and when uploading the svg file I get the error:
This SVG contains strokes that need be expanded.
There were strokes detected in your SVG. You'll ...
0
votes
1
answer
277
views
Sketch: Broken Combined shape export to SVG?
I'm trying to export some vector art made by composing Ovals. When I exported my art first time everything had gone fine. After few changes in other Layers in my file (the picture shown is a part of ...
- 111
1
vote
1
answer
971
views
How To Scale Stroke Width For SVG In Sketch?
I created this image in Sketch using two rectangles and a circle:
This is what is looks like with a width of 135px and height of 102px:
When I scale it I would like it to look EXACTLY the same, just ...
- 131
2
votes
2
answers
322
views
Sketch - Apply transformation to shape?
How can I apply a transformation to a shape in Sketch, so that on export it actually changes the SVG coordinate values instead of just applying the transformation with a transform-property?
I made an ...
- 203
0
votes
2
answers
1k
views
Export .svg icon with padding from Sketch
When I export an icon as an .svg that contains padding, the padding seems to get lost when saved.
I have this icon with a 1px padding on the sides:
When I export that icon as a .svg, and import it ...
- 1,115
1
vote
1
answer
3k
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):...
- 13
0
votes
1
answer
308
views
How do I flatten this logo with overlay blending mode in Sketch?
I made this logo, but I want to flatten it so that it's always the same no matter what the background color is. How do I do this? It consists of three ovals with the "overlay" blending mode. It's made ...
- 1
2
votes
1
answer
828
views
How to override color on illustrations/icons that can't be flattened in Sketch App?
I'm trying to create a styleguide according to atomic design. For this I'm trying to create a set of icons where I can override the color so I can use them in different sets.
I made an icon of a ...
- 2,706
0
votes
1
answer
59
views
Flip group of paths over the left group edge
Maybe there is a better way to achieve this result but...
I've design the following picture by adding paths and overlying them. Now I want to flip it to get the full picture but I'm not able to do it....
- 111
1
vote
2
answers
2k
views
Is there a way to export the 'glow effect' from an image to .svg code?
When I export an image of a loader I make to .svg code the glow effect doesn't appear later in the implementation (when we add it in the project's html/css).
I see everything else but not the glow ...
- 41
0
votes
1
answer
634
views
Sketch: Vector does not preserve color and transparency when exporting as SVG
When I export as SVG from Sketch, the transparency and colors do not appear as intended.
What is going on here? SVG is on Sketch homepage.
3
votes
2
answers
11k
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 ...
- 33
2
votes
2
answers
18k
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 ...
- 171
1
vote
3
answers
2k
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 ...
- 121
0
votes
1
answer
171
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).
...
- 109
1
vote
1
answer
895
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? ...
- 11
3
votes
0
answers
269
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">
<...
- 171
3
votes
2
answers
9k
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 ...
- 141
1
vote
3
answers
6k
views
Sketch: Text on Path not preserved when exported to SVG
I am creating a vectorized version of my school's logo because we currently only have a low-res bitmap version. The logo includes text on a circular path, so I used the Text on Path feature in Sketch ...
- 13
4
votes
2
answers
5k
views
SketchApp distorts an svg
I have an SVG (originally made in Adobe Illustrator - AI and exported) which renders properly in browser and photoshop.
But when I load it in sketch (where I really need it for an ios app mockup), it ...
- 151
9
votes
3
answers
12k
views
How can I import a vector format file into Google Drawing
Apparently this is not possible out of the box. I have found some crazy workarounds that require using different operating systems and 4 different applications but I was hoping for something simpler
...
- 237
2
votes
2
answers
707
views
how to separate components in an svg file in sketch
I'm given an svg file with a logo that has both text and an illustration.. it appears as a single entity in my sketch application.. is there a way to separate it (ie i want to remove the robot from ...
- 237
0
votes
2
answers
929
views
Create a shape inside a shape in Sketch app
Two weeks ago, I asked if it was possible to fill only one path inside a more complex shape. I found a solution by taking out that one path I want to fill from the inner shape.
I'm now trying to ...
- 406
4
votes
2
answers
15k
views
SVG Fill Color won't change Illustrator
I have created a design in Sketch and exported it as an .svg. I then opened that .svg in Illustrator to make a few edits. I need to change the fill color of a icon that is an .svg. But I am unable too....
- 41
0
votes
1
answer
810
views
Handling image masks and borders when exporting Sketch to Adobe XD
I am trying to export some of my current designs, made in Sketch App, to Adobe XD so I can make small prototypes out of them.
I don't want to be remaking these in XD, so I export them instead. ...
- 2,706
1
vote
0
answers
91
views
Target what svg compressor option messes up file for sketch 3
I am using https://jakearchibald.github.io/svgomg to compress my svg image, its pretty good at what it does, but after running image through it, sketch 3 messes it up and it looks like this:
Where as ...
- 217
1
vote
1
answer
2k
views
Is there a way to export Base64 encoded SVG's from Sketch 3?
I'm currently working on a site, and can't export SVG's from Sketch itself with no issue, but I am missing the Base64 code. Can I generate Base64 encoded SVG's from Sketch 3 when I export?
- 11
3
votes
1
answer
5k
views
How to add a stroke property or animate the fill path of an svg?
I've been using a combination of Illustrator, Sketch, Inkscape, and Peter Collingridge's svg-editor to create and manipulate SVG's, but I've been running into a few issues. I am trying to create a ...
- 141
2
votes
1
answer
3k
views
Sketch "Trim Transparent Pixels" is unselectable/greyed out
I am trying to export icon svgs to icomoon and am getting svgs with a huge artboard. I believe i need to select "Trim Transparent Pixels" checkbox on the artboard in Sketch but it is greyed out. I ...
- 21
1
vote
1
answer
547
views
Font outlines for svg file with the smallest size?
I noticed that when turning a image with many texts into svg file, it'd be larger than its png file. The strokes of the outlines, which are part of font before we turning it into outlines, takes the ...
- 205
1
vote
1
answer
157
views
Is there an Illustrator alternative which supports SVG natively?
By natively I mean the application needs to create, open, edit, and save in the SVG format without conversion. I'm aware that Sketch can open and export SVG files, but in doing so it changes the XML ...
- 194
2
votes
1
answer
789
views
Why does Sketch mangle certain svgs when imported? [closed]
I have 2 svgs that look exactly the same on the web and in Illustrator. One of them has been run through a minify script.
You can take a look at these 2 svgs and the code on codepen: http://codepen....
- 121
1
vote
1
answer
5k
views
resize svg file width 100% and height fixed.
I made this svg file with sketch.app.
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="478px" height="36px" viewBox="0 0 478 36" version="1.1" xmlns="http://www.w3.org/2000/...
- 133
3
votes
4
answers
8k
views
Export from Sketch - vector to SVG strange output
I'm trying to export some vector icons I drew from sketch into SVG and PNG.
Here are my icons in sketch:
All nice and crisp. The shapes are in a group and against a mask, like so:
When I click ...
- 131
3
votes
3
answers
11k
views
How to import SVG icons to Sketch so that they don't overlap and placed in order?
I've downloaded an icon set which has a folder containing SVG icons. When I select and drag the SVG files into Sketch, all icons are placed very close to each others so I'm ordering all of them by ...
- 153
2
votes
2
answers
7k
views
Problems exporting SVGs from Sketch 3
I go to export assets from Sketch as SVG files. I have a few problems...
If I select the assets and it automatically slices it, I then save out the SVG file and it gets cut off. circle icon example
...
