免费海量图标搜寻引擎，PNG、SVG图案都可下载

Icon Ninja是一个免费图标搜寻引擎，共收录高达89万个图标！数量非常可观。使用者只要输入搜寻关键字，即可找出所有类似图案，无须注册就能快速下载取得特定大小的图标。

比较特别的是Icon Ninja将图标格式分为一般位图（PNG）和向量图两种，预设情况应该只会搜寻较多人使用的位图，如有需要，也可以将搜寻SVG图标功能开启。向量图一大特色是不会因放大缩小而造成图片失真，因此更适合用在印刷或应用程序、网页开发。

此外，Icon Ninja还能将你提取的所有图标合并为单张PNG图，利用CSS Sprites处理技巧应用于网站以提高加载速度，开发者无须自行拼凑图片，直接在线上就能完成前置作业。

站点名称：Icon Ninja

网站地址：http://www.iconninja.com/

使用教学

STEP 1

开启Icon Ninja网站后，直接于首页搜寻框输入要查找的关键字，如果要搜寻SVG向量图格式的话，记得把右边选项切换到开启。输入后按下确认就会出现相关的搜寻结果。

若你没有任何灵感，也可以点选首页左上角「View All Icons」来查看Icon Ninja网站收录的所有图标集，上方菜单切换「向量图标（Vector Icon）」或「PNG图标」，用途及使用情境应该不太一样。

刚才特别看了一下，图标集就有超过一千个页面！看来不是很容易从浏览来找到自己需要的图案，搜寻会是比较快且省时的方法（或者也可以利用上方的All tags来检索标签）。

STEP 2

例如我任意输入一个关键字后，Icon Ninja就跑出所有相关图标，将鼠标光标移动到图案上方，点选「View icon detail」可以查看图标集内完整图片。

STEP 3

进入图标的详细信息页面后，点选你要的图标大小即可一键下载、保存，依照不同图标而有不一样的大小可以下载，例如：16×16、32×32、48×48、64×64、72×72和96×96、128×128等等。另外，下方还会显示同一套图标集的其他图案（或者点选Belong to Icon sets后面的图标集连接也能找到）。

STEP 4

比较可惜的是Icon Ninja好像无法一键快速把图标集里的所有图案下载回来，或许是避免被大量下载而造成负担，无论如何，使用者仍然可以分开下载（没有限制），将光标移动到图标上选择「Add to CSS Sprites」来组合成一张图片。

STEP 5

下图就是利用Icon Ninja内置的CSS Sprites功能把多个图标组合到单一图片里的画面，如果不知道如何在网页中使用，也可点选Usage取得说明。

点选左下角「2* %」会出现CSS语法框，然后点选「Select Sprite」选择其中的某一个图标，就会显示加载该图标必须使用的语法示例啰！不过这里无法很详细的写出CSS Sprites加载图标的完整教学，如果有兴趣的话，可以试着透过这关键字来Google或百度其它更多参考资料。

更多实用工具，可查看本人网站天时网（http://www.24s.net).