Edit & Break apart your SVG

Ludus loves SVG and you should too. Learn how to use SVG.

First of all, What's SVG?

SVG is an image format based on vector instead of pixels. This means you draw without pixels, like an infinite resolution.

So, you can scale up your image as big as you want (that’s why it’s called SVG: Scalable Vector Graphics). It will stay super sharp, yet still super light to load. For example, texts are using vectors to stay crisp in any size and on any screens.

Since the apparition of retina screens, SVG has become very popular. It’s a very convenient way to produce super light icons or illustrations.

Where to find them?

All the icon services in Ludus are using SVG: Iconscout, Icons8 and Noun Project. Find them in the Smart Menu then type “hat” or “cat” or “bat” to get a very nice collection of icons as a result (NB: you are allowed to search for something else, even words having more than 3 letters).

Have some fun and scale them very high. They will stay sharp and fast to load. You can even be a little crazy and add a color overlay if you feel like it. It’s your presentation after all, it should have your colors.

SVG can be imported and exported by many softwares, including Adobe Illustrator, Sketch, Figma and Affinity Designer. Because it’s a standard, it’s the most convenient format to communicate between all these tools.

Break your SVG apart to edit its parts separately. Ludus loves SVG and you should too. Learn how to use SVG in Ludus

Find here some inspiration with this Ludus presentation and duplicate it in your dashboard 😊