Font Awesomeのアイコン(SVG)に縁取りをする

デザインなどでFontAwesomeのアイコンを重ねて表示したい時に、そのまま重ねると境界がないためきれいに表示させることができませんでした。

枠線の色を背景色と同じ色にして、枠線を太くすることでアイコンを縁取りするCSSを追加すると重ねても区別して表示されるようになりました。

svg.fa-star {
    stroke: #82a5c8;
    stroke-width: 12px;
}