[flutter] Iconly 라이브러리를 사용하여 앱의 아이콘과 타이포그래피 연계하기

14 Dec 2023

이번 글에서는 Iconly 라이브러리를 사용하여 Flutter 애플리케이션의 아이콘과 타이포그래피를 손쉽게 연계하는 방법을 알아보겠습니다.

Iconly 란?

Iconly는 다양한 디자인 시스템에 사용할 수 있는 900개 이상의 벡터 아이콘들과 텍스트 주위에 사용할 수 있는 다양한 스타일의 팔레트를 제공하는 오픈소스 아이콘 라이브러리입니다.

먼저, pubspec.yaml 파일에 아래와 같이 Iconly 라이브러리를 추가합니다.

dependencies:
  iconly: ^1.0.0

그 후, 다음 명령어를 통해 패키지를 업데이트합니다.

flutter pub get

Iconly 라이브러리에서 아이콘을 사용하는 방법은 간단합니다. 예를 들어, 홈 화면에 홈 아이콘을 추가하고 싶다면 다음과 같이 작성할 수 있습니다.

import 'package:iconly/iconly.dart';

IconlyIcon(
  IconlyBold.home,
  size: 24,
  color: Colors.black,
)

또한, Iconly 라이브러리는 다양한 텍스트 스타일을 제공하여 타이포그래피를 설정하는 작업을 간소화합니다. 아래는 Iconly를 사용하여 텍스트 스타일을 적용하는 예시입니다.

Text(
  'Your text here',
  style: IconlyTextStyle.bold,
)

Iconly 라이브러리는 다양한 벡터 아이콘과 텍스트 스타일을 어플리케이션에 간편하게 통합할 수 있는 강력한 도구입니다. 이번 글을 통해 여러분도 쉽게 Iconly를 활용하여 앱의 아이콘과 타이포그래피를 디자인할 수 있게 되었기를 바랍니다.

더 많은 정보가 필요하시다면 아래 Iconly 공식 문서를 참고해보세요.

Iconly를 통해 멋진 디자인과 사용자 경험을 제공하세요!