菜鸟请教CSS问题svg转Base64,高手请进!

附件中美化的按钮和复选框,想用到词典制作中。两个问题:
(1)CSS中引用了一个ticker.svg 文件很讨厌!本来这就是个极简的设计,想制作成 Base64图片嵌在CSS中,不想单独搞出一个文件来引用。无奈,可能因为svg格式比较特殊,在线的转码试了好几个发现显示都不正常。要么先转成jpg这种普通图片再转Base64吧,结果还是不行哦。
(2) 按钮或者复选框后面的文字与按钮/复选框高度不一致,文字偏高了,如何调整?

望高手赐教!多谢了!

链接:https://pan.baidu.com/s/1zxvYxWi2qmHbMm_Jx8ngtQ
提取码:5ezr
百度网盘下载或在附件中下载
cssRadioCheckbox.zip (1.8 KB)

我试了inline了,还是不行啊。我已经将双引号改成了单引号还是不行。也许还要改其他什么地方?SVG代码里有个制表符是不是它的原因?
菜鸟就是菜鸟,错一丁点都出不来束手无策哦。还望高手直接给个最终结果吧。多谢了!

最后,我用这个 URL-encoder for SVG 搞出来了
但是省略了后面的no-repeat center 参数,否则显示就不正常。也不知道省略它之后是否会有隐患在某些词典软件或HTML浏览器中显示不正常呢?
另外一个问题文字偏高如何对齐呢?