Как сделать заливку цветом картинке SVG при наведении?
css верно, но не будет работать если в html как картинка. Надо как svg вставлять
Если по какой-либо причине вариант со вставкой SVG непосредственно в документ вам не нравится, можно подключить SVG-файл используя  с возможностью управлять через CSS.
В html файле будет: <object type="image/svg+xml" data="img/map/1.svg"></object>
А так же нужно добавить в SVG-файл перед открывающим тегом < svg > :<?xml-stylesheet type="text/css" href="svg.css" ?>
А в svg.css уже :svg:hover {
fill: orange;
}