オンラインフラットアイコンジェネレータ：フラットまたはフラットアイコンを作成するシンプルなAppWeb

私は多くの人が知っているかもしれないことを言うことから始めます...しかしそれは重要ではありません：HTML5 + CSS3 + JS ...完璧です🙂

あるユーザーから、フラットなアイコンを作成するためのチュートリアルについて尋ねるメールが届きました。フラットなアイコンは、ウェブ上の新しいファッションです。 特に欲しかった Inkscapeの o ギンプ チャットスタイルのボタンまたは役立つ（または参照する）もの Snapchat.

Inkscapeがひどいので、Gimpを使っても最初からコンテンツを作成するのは大変です...しばらく前に小さなWebアプリケーションを見たことを思い出しました（いくつかのcssとjsを含むindex.html）これにより、現在の方法でフラットアイコンを簡単かつ迅速に作成できるようになりました。フラットデザインです。

フラットアイコンジェネレーター

ラップトップアイコン、モバイルデバイス（スクリーンショットに表示されているもの）、ギフト、自転車など、一連の事前定義されたアイコンがあります。これらは非常に多く、非常に多様です。

しかし、アイコンを配置するだけの問題ではありません。256つの水平バーを使用して、アイコンのサイズまたは画像のサイズ（アイコン+背景）を定義できます。 明らかに、正方形のサイズはピクセル単位で表示されます…512…XNUMX…など

次のオプションでは、背景の色とアイコンの色を選択できます。 デフォルトでは、アイコンは白で背景は青なので、あまり衝突しません。

最後に、オプションの左側にあるそのバーで、アイコンの境界線が正方形であるかどうか、または一方で、最終結果を円形にするかどうかを定義できます。

これらのオプションのスクリーンショットを残します。

一方、上部には、リアルタイムで生成および変更されているアイコンの情報が表示されます。 つまり、サイズと色を試してみると、この情報が常にリアルタイムで変化することがわかります。

ご覧のとおり、ボタンもあります アイコンを取得、これにより、PNGですでに生成されたアイコンが別のタブに表示されます。右クリックして[保存]を選択すると、コンピューターの目的のフォルダーに生成されたフラットアイコンが表示されます。

Flat IconGeneratorをダウンロードする

自分で試してみたい場合は（私はそう思いますが、ハハ）、ここにリンクがあります：

フラットアイコンジェネレーター

これで、GimpやInkscapeでボタンを作成するチュートリアルではありませんが、ユーザーがメールで私に尋ねたことに準拠したいと思っています。それでも、それがあなたの望むものに役立つと思います。 実際、リンクのボタンを生成するだけでは不十分です。 snapchatをダウンロード、しかしそれはあなたのサイトのアイコンやボタンの大部分、またはあなたがしていることを生成することさえできます😀

よろしくお願いします。おもしろいと思います。