Flutter 앱을 개발하다 보면 기본 아이콘 외에도 나만의 커스텀 아이콘을 사용해야 할 때가 있습니다. Iconly는 훌륭한 라이브러리로, 직관적이고 아름다운 아이콘을 제공하며 커스텀 아이콘을 생성할 때 매우 유용합니다.

Iconly 라이브러리 설치

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

dependencies:
  iconly: ^1.0.0

그리고 다음 명령을 사용하여 패키지를 설치합니다.

flutter pub get

커스텀 아이콘 만들기

이제 커스텀 아이콘을 만들어보겠습니다. 먼저, 아이콘을 설계하고 SVG 파일로 익스포트합니다. 이후 Iconly 라이브러리의 웹사이트를 방문하여 SVG 파일을 아이콘으로 변환할 수 있는 온라인 도구를 사용합니다.

아이콘을 어떻게 사용하고 싶은지에 따라 그에 맞는 타입(Outlined, Two Tone, Rounded, Filled)을 선택합니다. 그런 다음 “Download” 버튼을 클릭하여 생성된 아이콘을 다운로드합니다.

커스텀 아이콘 사용하기

아이콘을 다운로드한 후에는 Iconly 라이브러리에서 제공하는 IconlyIcon 위젯을 사용하여 아이콘을 표시할 수 있습니다.

import 'package:iconly/iconly.dart';

IconlyIcon(
  IconlyBold.Home,
  size: 48,
),

이렇게 하면 다운로드 받은 커스텀 아이콘을 사용할 수 있습니다.

Iconly 라이브러리를 이용하면 직관적이고 멋진 커스텀 아이콘을 손쉽게 만들고 사용할 수 있습니다. 개발자들은 이를 통해 앱의 디자인과 사용자 경험을 향상시킬 수 있습니다.