初次使用SVG技术，遇到了一些问题 比如我使用一个类似下面的元素作为网页中的一个小图标：

 <i class="icon-arrow"></i>

这个元素的样式是

 .icon-arrow{
   background:url(images/arrow.svg) no-repeat -8px -8px;
}

现在这个图标已经能正确显示，但是我现在想要让这个SVG图标的颜色发生改变或者产生模糊、阴影等滤镜效果应该怎么做？