inline SVG as css background image - Cacher Snippet

2/1/2018 - 6:26 PM

inline SVG as css background image

inline_svg_css_bg.css

background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 105.33 105.33"><g><path fill="#FFF" d="M52.67 0a52.67 52.67 0 1 0 52.66 52.67A52.73 52.73 0 0 0 52.67 0zm0 102A49.33 49.33 0 1 1 102 52.67 49.38 49.38 0 0 1 52.67 102z"/><path fill="#FFF" d="M39.96 75.4l36.21-22.55L39.96 30.3v45.1z"/></g></svg>');