ITエンジニア/デザイナ向けにオープンソースを毎日紹介

最近、プロフィールアイコンを設定していないアカウントは頭文字だけを表示するといったアイコンが増えています。Slackでもデフォルトではチャットの頭文字だけが表示されます。

そういったアイコンを生成してくれるのがletter-icon-generatorです。

letter-icon-generatorの使い方

letter-icon-generatorの利用例です。

別な文字で。

letter-icon-generatorは画像の中央に文字を出してくれるのが特徴です。SVGはよく見るとちょっと上に寄っている気がしますが、画像版は中央になっています。自動生成される画像なので表示までに若干の時間がかかりますが、カスタマイズすると面白そうです。

letter-icon-generatorはJavaScript製のオープンソース・ソフトウェア(MIT License)です。

mmktomato/letter-icon-generator: Generates a svg or png image. A single letter is on center of the image.

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2