FontAwesomeなどアイコンフォントをpng画像化するジェネレーター

FontAwesomeなどアイコンフォントをpng画像化するジェネレーター

FontAwesomeのアイコンフォントを画像化するジェネレーターの中で、最も使いやすかった「FA2PNG」をご紹介します。

「FA2PNG」に対応しているアイコンフォント一覧と検索方法

▼ジェネレーター
Convert Icon Fonts To PNG - fa2png.io

「FA2PNG」で対応しているアイコンフォントは「Fonts」ページに一覧掲載されています。アイコンの検索は「Icons」ページでアイコンフォントや、アイコン名から絞る事が出来ます。

FontAwesomeなどアイコンフォントをpng画像化するジェネレーター

とっても簡単!png画像の生成方法

▼使用したいFontAwesomeアイコン名はこちらの一覧よりご確認ください。
https://fontawesome.com/icons?d=gallery

  1. アイコン名を入れて検索。(例:「arrow」とアバウトに入れた場合、他の候補も出ます。)
  2. アイコンのカラー選択
  3. 背景の色の指定(デフォルト「transparent」は透明。指定した背景の色を透明に戻したい場合左のごみ箱で消去。)
  4. アイコン画像のサイズ指定
  5. マージン指定(上下左右の余白指定ができます)
  6. Generateボタンでアイコンを生成します
FontAwesomeなどアイコンフォントをpng画像化するジェネレーター

下記がマージン0で作成してみたアイコンです。左右のマージンが0の正方形で生成されました。

FontAwesomeなどアイコンフォントをpng画像化するジェネレーター

資料に画像で使用する場合や、制作でワンポイントで使いたい場合軽量化になるため画像で使えると便利ですね。以上、テクノブレイブ名古屋オフィス開発1Gでした。

料金表ナビゲーション 料金表ナビゲーション

おすすめ記事