Can't display SVG icons

Hello,

I have a code that displays .svg icons to indicate the evolutions of figures : https://www.screencast.com/t/REoi2X07n5.

This is the code that goes on page :
*********************************************
<span class=”arrow arrow-bottom”>?</span>
<span class=”arrow arrow-top”>?</span>
<span class=”arrow arrow-right”>?</span>
********************************************

This is the code that I am lookging to implmenent in Theme Panel/Custom code/Custom CSS :
**********************************************
.arrow-bottom {
background: url(PATH/arrow-bottom.svg) center center no-repeat;
}

.arrow-top {
background: url(PATH/arrow-top.svg) center center no-repeat;
}
.arrow-right {
background: url(PATH/arrow-right.svg) center center no-repeat;
}
*********************************************

And my question is : where shall I store these .svg icons and what should be the PATH?

Thanks in advanced.