Inkscape is professional, free, open source Vector Graphics software.
Using the gimp team as an example, we create a web popover of their time as LGM. This video shows how to use inkscape to make elements which can appear when you hover over them. As explained in the video, you must EMBED svg files when you want to use css like this. That means the svg tags must appear within the html itself and not as an img tag.