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在網頁中默認以內聯元素的方式顯示。