1

I am making a logo for an web application using Figma.

What I got so far is:

enter image description here

I managed to show the D linked into the P by coloring in one of the intersects of the two letters. But is there a better way to do this? Because of so many of the pencil marks, the SVG file is larger than the PNG. I am fine with using something else other then Figma.

The SVG is available here: https://gist.github.com/TalinTheDev/2aabbed4674bd85c73d9f1fe44947439

EDIT Using Billy Kerr's answer, I was able to edit my image and reduce the file size (for SVG) from 23 KB to 10KB! A 56.5217% reduction! Thanks! The gist points to the new image!

6
  • Hi. Welcome to GDSE. There is no guarantee that a vector file would be smaller in file size than a corresponding PNG. Can you share the SVG over at SVGshare.com? There might be something that could be done to reduce the file size if that's the problem. It's hard to tell without being able to examine the code.
    – Billy Kerr
    Jan 27, 2022 at 18:05
  • @BillyKerr Really the size isn’t the problem… It’s just that if you zoom in really close, you can kind of see the bad coloring in. I tried my best but you can still see the extra colors coming outside the P/D. Jan 27, 2022 at 19:04
  • you need to post the SVG. There's no way to tell what's wrong without seeing it. Sorry.
    – Billy Kerr
    Jan 27, 2022 at 19:12
  • 1
    @BillyKerr It's fine. SVGShare.com was having a Over Quota error thingy so I made a gist: gist.github.com/TalinTheDev/2aabbed4674bd85c73d9f1fe44947439 Jan 27, 2022 at 21:54
  • Thanks for that. Perfect,. Now I see the problem. I've added an answer.
    – Billy Kerr
    Jan 27, 2022 at 23:07

1 Answer 1

1

In your SVG there seem to be several failed attempts to paint over the orange D with various strokes. You should delete these.

enter image description here

Instead, it would be better to use the Pen Tool to draw a rectangular patch, remove the stroke, fill it with the same green as the P, then bend the paths using the Bend tool so the patch fits over the D.

Note: to be able to do it accurately you'll need to switch off the Snap to Pixel Grid in the preferences, if you haven't done so already, and obviously zoom in to get it right.

An example. I've highlighted the Pen and Bend tools you can use to draw the patch. You can see the fill applied, and the stroke has been removed.

enter image description here

Here's what it looks like without the vector paths active

enter image description here

3
  • Thanks so much! That works! Could you please take a look at the gist again and let me know from an outsider's perspective if it looks perfectly linked? Thanks again! Jan 28, 2022 at 0:15
  • @TalinTheDev - looks pretty good to me.
    – Billy Kerr
    Jan 28, 2022 at 0:50
  • 1
    Ok, thanks! I honestly cannot believe this was so easy! Jan 28, 2022 at 1:09

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.