haleonearth
7/24/2018 - 11:03 PM

Arrow white slim svg data uri background

CSS SVG background image (Data URI) Arrow white slim

background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 62.06 106.37'%3e%3cdefs%3e%3cstyle%3e.a%7bfill:none;%7d.b%7bclip-path:url(%23a);%7d.c%7bclip-path:url(%23b);%7d.d%7bfill:%23fff;%7d%3c/style%3e%3cclipPath id='a'%3e%3cpath class='a' d='M56,50.44,11.6,6.09a3.84,3.84,0,0,0-5.43,5.43L47.8,53.15,6.17,94.78a3.84,3.84,0,0,0,5.35,5.51.6.6,0,0,0,.08-.08L55.94,55.87a3.86,3.86,0,0,0,0-5.43Z'/%3e%3c/clipPath%3e%3cclipPath id='b'%3e%3crect class='a' x='-1772.95' y='-1720.03' width='2560' height='3759'/%3e%3c/clipPath%3e%3c/defs%3e%3ctitle%3earrow-slim-white-code%3c/title%3e%3cg class='b'%3e%3cg class='c'%3e%3crect class='d' width='62.06' height='106.37'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");