Iconly는 플러터 앱에서 사용할 수 있는 다양한 디자인 아이콘을 제공하는 인기 있는 라이브러리입니다. 하지만 때때로 기본 아이콘 세트로는 충분하지 않을 수 있습니다. 이때는 Iconly 라이브러리에서 제공하는 아이콘을 수정하거나 추가하는 방법이 필요할 수 있습니다. 아래에서는 Iconly 라이브러리에서 제공하는 아이콘들을 플러터 앱에 맞게 수정하는 방법에 대해 살펴보겠습니다.
1. Iconly 라이브러리 추가하기
먼저, pubspec.yaml 파일의 dependencies에 Iconly 라이브러리를 추가합니다.
dependencies:
flutter:
sdk: flutter
iconly: ^1.0.0
이후 터미널에서 flutter pub get 명령어를 실행하여 라이브러리를 가져옵니다.
2. 원본 아이콘 수정하기
Iconly 라이브러리에서 제공하는 아이콘 파일은 일반적으로 .svg 형식으로 제공됩니다. 이 SVG 파일을 원하는 형태로 수정하거나 새로운 아이콘을 추가한 후 .svg 파일을 .dart 파일로 변환해야 합니다. 이 작업을 수행할 수 있는 몇 가지 온라인 도구와 플러그인이 있습니다. 예를 들면 FlutterIcon 플러그인이 있습니다.
3. 플러터 앱에 추가하기
Iconly 라이브러리의 아이콘을 수정하거나 추가한 후 새로운 아이콘을 플러터 앱에 추가합니다. 이를 위해 앱 내의 소스 코드에서 해당 아이콘을 import하고 사용하면 됩니다.
import 'package:iconly/iconly.dart';
Icon(
IconlyLight.home, // 수정한 아이콘 사용
size: 24.0,
)
위와 같이 수정된 아이콘을 플러터 앱에서 쉽게 사용할 수 있습니다.
Iconly 라이브러리에서 제공하는 기본 아이콘들을 수정하거나 추가하여 앱에 맞게 커스터마이징하는 방법에 대해 알아보았습니다. 이를 통해 플러터 앱의 디자인에 더욱 다양한 아이콘을 활용할 수 있습니다.