見出し画像

flutterでFont Awesomeを使用する

初めましてblueです。

現在、ITベンチャー企業でflutterを使用してスマホアプリ開発を行っています。

今回は、flutterでFont Awesomeを使用する方法について記事にしてみました!

Font Awesome

色んなアイコンを提供しているツールで、無料で使う事が出来ます。
有料になるともっと色んなアイコンが使えます。

使用するパッケージ

導入方法

pubspec.yamlに下記を記載

font_awesome_flutter: ^9.1.0

下記をインポートする

import 'package:font_awesome_flutter/font_awesome_flutter.dart';

実装コード

アイコンの表示だけ

Icon(FontAwesomeIcons.google)

アイコンボタンでFont Awesomeを表示

IconButton(icon: FaIcon(FontAwesomeIcons.google), onPressed: () {});

画像1

簡単に表示する事が出来ました!ぜひ使ってみて下さい!

良かったらサポートしていただけると嬉しいです!