svg code for widget

Question

I will use Adobe Illustrator to create the source files and then export the graphics in SVG format.
this SVG file will be part of a widget used in a web page. the widget will allow you to analyze the state of a storage battery and the individual cells.
i have never produced SVG files for this purpose. I like to know what the best practices are and if there are any specific tutorials.

Kim Calland · Answer

I always like to make sure I use Pathfinder to combine shapes so that I have as few compound shapes as possible at the end. This tutorial shows how that can be achieved: https://designbundles.net/design-school/how-to-create-svgs-in-adobe-illustrator
Then after exporting the svg from Illustrator using the Asset Export panel, I like to use https://svgomg.net/ to strip out any unecessary code. This makes it easier to work with when it's used in web format. Hope that's some help.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded