How to fill a path element with a gradient + overlay an image?

Question

css

Hello!
I just can't figure out (through a lack of knowledge, most likely) how to overlay a picture in the center of the figure. Filling through a gradient - everything is clear here. And, here is the picture above does not come out.
prntscr.com/ldydpm - such a map is available. Approximately so prntscr.com/ldyexl it is necessary to superimpose pictures.

Answer 1

not pictures, probably, but icons ...
draw an icon yourself and insert it on top
and make it not a polygon, but a path

Answer 2

Found solution codepen.io/gratulen/pen/zmJXzq