天天看點

Axure 9怎麼導入阿裡巴巴矢量圖示的Iconfont圖示

【方法一:】

1、打開Axure,建立一個頁面

Axure 9怎麼導入阿裡巴巴矢量圖示的Iconfont圖示

2、在iconfont上找到要使用的圖示

Axure 9怎麼導入阿裡巴巴矢量圖示的Iconfont圖示

3、點選複制SVG代碼(兩種方法複制svg代碼)

a、登入iconfont,點選下載下傳複制SVG代碼

Axure 9怎麼導入阿裡巴巴矢量圖示的Iconfont圖示
Axure 9怎麼導入阿裡巴巴矢量圖示的Iconfont圖示
b、如果沒有登入,用浏覽器檢視網站代碼,再複制。
           
Axure 9怎麼導入阿裡巴巴矢量圖示的Iconfont圖示
Axure 9怎麼導入阿裡巴巴矢量圖示的Iconfont圖示

4、Ctrl+V粘貼到Axure裡

Axure 9怎麼導入阿裡巴巴矢量圖示的Iconfont圖示

5、然後選中圖示右鍵,點選變換圖檔,将SVG轉換為形狀即可

Axure 9怎麼導入阿裡巴巴矢量圖示的Iconfont圖示

【方法二:谷歌浏覽器插件】

Chrome浏覽器,Axure 9

打開Chrome浏覽器輸入:https://chrome.google.com/webstore/detail/axhub-icons/cndglokmgjecikflojjieeeajbljgfae

點選【添加至Chrome】安裝谷歌浏覽器插件後,打開【https://www.iconfont.cn/】搜尋你需要的圖示

滑鼠放在圖示上,比原本未安裝插件的多出來一個選項:

Axure 9怎麼導入阿裡巴巴矢量圖示的Iconfont圖示

選擇後,直接複制到axure上,再轉換一下svg為形狀即可。