1. 如何将AI做好的SVG图标转换成Web可用的+CSS
你直接另存为svg就可以，会生成一个xml文档，用编辑器打开，举例一下效果
在css中可设置一些效果和动画
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<circle cx="100" cy="50" r="40" stroke="black"
stroke-width="2" fill="red"/>
</svg>
2. 绘制Web工作流程图用SVG还是VML好
在WEB上使用二维图形编程的人员现在面临者一个两难的选择，是使用SVG，还是VML？二者的功能相似，可以满足大多数WEB二维图形应用的需求，但目前的情况是：VML只能在IE中使用，SVG被firefox，opera等浏览器的最新版本支持，并且是W3C制定的开放标准，但目前IE不内置支持SVG，只能通过ADOBE的SVG插件显示。国内有个多比矢量图控件是做web工作流程图的，他们做的就是兼容不同的浏览器，可以自动选择svg和vml。楼主可以网络下
3. SVG编程是不是已经淘汰了，有没有公司WEB方面还在用它
不可能，应该说还没有发展起来，我猜想再未来的5年内你就知道答案了。下一代ie会支持的。svg是个绝对的潜力股。相信我，未来的手机和web都会是svg的战场，只不过是时间长短问题……
4. 怎么在网页中使用svg
在网页中使用svg有以下三种方式
1. svg归根结底来说是一种图像格式，虽然有别于jpeg，gif，png等位图图像格式，所以在网页中能嵌入图像的地方都可以嵌入svg，例如将svg文件设置为<img>元素的src属性，或者是给任意的元素设置背景图像，或者是设置为CSS3的属性border-image。但是这种方式的缺点也很明显，就是浏览器在渲染svg图像的时候，会将svg描述的矢量图像转换成栅格图像用于显示，这就失去了svg的一部分功能，svg是文本描述的图像格式，可能会有一些引用文件，比如其他的图像文件，外部脚本或者是web字体文件，在使用这种方式渲染svg时大多数浏览器会忽略引用文件。
2. <object>元素可以将外部的文件嵌入到html中，
3. 在网页中嵌入svg，最直接的方式莫过于将svg文件的内容直接写入html文本中，这样在网页中不仅可以显示svg图像，还可以使用脚本控制，用css添加样式，可谓是最好的做法。在XHTML中添加svg时，需要在顶级<svg>元素上设置xmlns=”http://www.w3.org/2000/svg”，它会改变该元素和其所有子节点的默认命名空间，对于HTML5文件，则可以省略这一步。svg在网页中默认以内联元素的方式显示。