How to make a logo in SVG
Step-by-step tutorial
An SVG logo is the best choice: vector, sharp at any size and editable. Here's how to create one from scratch, free, with svgdesk.
1. Create a square canvas
Click New and choose a square size (for example 512x512). A square makes it easy to use the logo as an avatar or icon.
2. Build the symbol
Combine basic shapes (rectangles, ellipses) and use the pen for custom strokes. For precision, enter node mode and adjust curves with the bezier handles. Fewer shapes = a cleaner, lighter logo.
3. Apply brand colors
Select each shape and set the fill and stroke with your colors (in hex). Keep a short palette (1-3 colors) for a solid logo.
4. Mind the spacing
Leave a margin around the symbol within the canvas. That way the logo breathes and doesn't sit against the edges when used.
5. Text: convert to curves
If you add text, it's best to convert it to outlines (path) so it looks the same on any device even without the font. That makes the logo 100% portable.
6. Export
Save the SVG (for web and infinite scaling) and also a high-resolution PNG (for social media and platforms that don't accept vector). In svgdesk, the PNG comes out at twice the canvas resolution.
Best practices
- Design in vector to scale without losing quality.
- A simple version for small sizes (favicon).
- Keep the original SVG as the editable source.