Potlab Icons 动画SVG 图示免费下载,只要程式码就能动起来

Potlab Icons 动画SVG 图示免费下载,只要程式码就能动起来

网路上有不少设计师将自行创作的免费图示释出,提通给需要的使用者下载使用,我也陆陆续续介绍过许多图示集,有些甚至是开放原始码专案,还能下载后编辑修改,对于要开发网路服务或应用程式来说确实相当省时省力。如果你在开发介面时会用到一些图示图案,可以先上网搜寻有无合适素材,确认授权方式后就能放心使用。

本文要介绍的「Potlab Icons」也是一款图示集,不过很特别的是这是一套SVG动画图示组合,一共收录50个图案,包含几个很常见到的主题,例如爱心、通知、重新整理、购物车、定位、放大镜、电力、相机、照片、电话等等,这些图案都以简单线条构成,只要程式码就能运作。

Potlab Icons

Potlab Icons所有图示都能从网站首页预览,使用方法也很简单,点选图示、下载.html格式档案、复制原始码即可,用于网页专案开发也可自订图示大小或颜色,相当有用,若需要动态SVG图示不妨看看这个网站提供的图案是否符合需求。

网站名称:Potlab Icons
网站链结:http://www.potlabicons.com/

使用教学

 STEP 01 

从Potlab Icons网站可以看到这些SVG动画图实际动起来的样子,点选小图会开启更大张的预览画面,包括图示名称和下载链结,点选「Download」会获取.html网页格式而非一般常见的.png或.gif。

Potlab Icons

 STEP 02 

下载后开启.html 就能看到图示实际于浏览器呈现的样貌,图案也是会动的动态图,如果要使用到自己的网页专案,只要检视原始码将必要的段落复制即可。

Potlab Icons

值得一试的三个理由

  • 收录50 种图案的免费SVG 图示集
  • 可线上预览,点选后下载.html 格式
  • 只要程式码就能运作,可自订图示大小或颜色

16

发表评论