在线平面图标生成器：创建平面或平面图标的简单AppWeb

首先，我会说很多人可能知道的事情……但这没关系：HTML5 + CSS3 + JS ...只是完美perfect

一个用户给我写了一封电子邮件，向我询问有关如何创建平面图标的教程，这些图标是平面的，这是网络上的新时尚。 特别需要 Inkscape中 o 花边 聊天式按钮或可以用作（或引用）的内容 Snapchat.

由于我对Inkscape以及使用Gimp都从头开始创建内容感到很糟糕...我记得不久前我看到了一个小型Web应用程序（一个带有一些CSS和JS的index.html），这使我们能够以当前的方式（即平面设计）轻松快速地创建平面图标。

平面图标生成器

它具有一系列预定义的图标，例如笔记本电脑图标，移动设备（我在屏幕快照中显示的图标），礼物，自行车...等等，它们很多，而且种类非常丰富：

但这不是仅放置图标，而是现在的问题……我们可以通过两个水平条来定义图标的大小或图像的大小（图标+背景）。 显然，我们看到以像素为单位的正方形大小…256…512…等

下一个选项使我们可以选择背景颜色和图标颜色。 默认情况下，图标为白色，背景为蓝色，因此不会发生太多冲突。

最后，在选项左侧的栏中，它允许我们定义图标的边框是正方形还是相反，我们是否希望最终结果是圆形。

我为您提供以下这些选项的屏幕截图：

另一方面，在上部，它向我们显示了正在生成并实时更改的图标的信息。 也就是说，如果您尝试使用尺寸和颜色，则会发现此信息始终实时更改：

如您所见，我们还有一个按钮 获取图标，这将在另一个选项卡中向我们显示PNG中已经生成的图标，在其中我们可以右键单击+保存，就可以在计算机上所需的文件夹中生成我们生成的平面图标。

下载平面图标生成器

如果您想自己尝试一下（我想就是这样哈哈），那么这里是链接：

平面图标生成器

尽管我不是用Gimp或Inkscape创建按钮的教程，但我仍然希望它能够满足用户通过电子邮件向我提出的要求，但是我仍然可以想象它会满足您的需求。 实际上，您不能只为链接生成按钮 下载snapchat，但它甚至可以为您的网站或您正在执行的任何操作生成绝大多数图标或按钮😀

问候，希望您发现它很有趣。