SVG newbie needing help

Hello! So I'm using a SVG for the first time, and quickly found out there are more than meets the eye ... 1. I originally screenshot a sword from a bigger picture (assets, original print.png), then did a png to svg conversion, and it kind of worked, but I get this white bottom (katana.svg). How do I get rid of it? 2. The sword part is transparent (the white bits). Which means I have to put a white background on the parent div for it to be visible. No problem in itself, but how do I get the transparent part to be white? Everything should be available to see here: https://github.com/AMarlonG/Japanese-style-responsiveness
GitHub
GitHub - AMarlonG/Japanese-style-responsiveness: Creating a traditi...
Creating a traditional japanese card with principals from Jen simmons and Utopia fluid responsive calculations - GitHub - AMarlonG/Japanese-style-responsiveness: Creating a traditional japanese car...
9 Replies
Mannix
Mannix2y ago
you want to redo the svg and get the katana as the path not it's background 🙂
Å Marlon G
Å Marlon G2y ago
... right. Hehe! That sounds like a great idea. So how do I go about doing just that? I used this free converter: https://convertio.co/png-svg/
PNG to SVG (Online & Free) — Convertio
Best way to convert your PNG to SVG file in seconds. 100% free, secure and easy to use! Convertio — advanced online tool that solving any problems with any files.
Mannix
Mannix2y ago
don't use converter use a tool to make svg like figma or adobe ilustrator
Å Marlon G
Å Marlon G2y ago
Aha! I will try in figma. 🙂 Out of curiosity... how do you know that the current svg has the katana as the background and not path? Looking at the code there's a lot of numbers in the path section. svg's are a strange animal ... 😛
Mannix
Mannix2y ago
i played with the fill property
Å Marlon G
Å Marlon G2y ago
I see. But hey, now it works. Isntalled Image Tracer, and boom. Thank you! 🙌
Mannix
Mannix2y ago
thumbup
WebMechanic
WebMechanic2y ago
@Å Marlon G InkScape is a free fully fledged SVG image editor. It can also do image tracing.
Å Marlon G
Å Marlon G2y ago
Brilliant! Because I did notice the set number of transforms in Figma. Thank you! 🙌
Want results from more Discord servers?
Add your server