iconoir/packages/iconoir-flutter/README.md

63 lines
1.7 KiB
Markdown
Raw Permalink Normal View History

2023-09-27 23:50:19 +02:00
# Iconoir - Flutter
2022-07-05 16:24:49 +02:00
2023-09-27 23:50:19 +02:00
[![Pub Version](https://img.shields.io/pub/v/iconoir_flutter?style=flat-square)](https://pub.dev/packages/iconoir_flutter)
[![Pub Popularity](https://img.shields.io/pub/popularity/iconoir_flutter?style=flat-square)](https://pub.dev/packages/iconoir_flutter/score)
[![License](https://img.shields.io/github/license/iconoir-icons/iconoir?style=flat-square)](https://github.com/iconoir-icons/iconoir/blob/main/packages/iconoir-flutter/LICENSE)
2022-07-05 16:24:49 +02:00
2023-09-27 23:50:19 +02:00
[Iconoir](https://iconoir.com/) is an open-source library with 1300+ unique SVG icons, designed on a 24x24 pixels grid. No premium icons, no email sign-up, no newsletters.
2022-07-05 16:24:49 +02:00
`iconoir_flutter` is an open source package that exports these icons as Flutter widgets (`flutter_svg`) that can be used in all of your Flutter projects.
## Installation
2022-07-05 16:24:49 +02:00
```
flutter pub add iconoir_flutter
```
## Usage
2022-07-05 16:24:49 +02:00
```dart
import 'package:flutter/material.dart';
import 'package:iconoir_flutter/iconoir_flutter.dart';
void main() {
runApp(const App());
}
class App extends StatelessWidget {
const App({ super.key });
@override
Widget build(BuildContext context) {
return const MaterialApp(
home: DemoPage(),
);
}
}
class DemoPage extends StatelessWidget {
const DemoPage({ super.key });
@override
Widget build(BuildContext context) {
return Scaffold(
body: Container(
child: const Iconoir(),
),
);
}
}
```
Default values for the most common props are given below:
2023-09-27 23:50:19 +02:00
| Prop name | Default value |
| --------- | -------------- |
| color | "currentColor" |
| width | "1.5em" |
| height | "1.5em" |
2022-07-05 16:24:49 +02:00
## Icon names
2022-07-05 16:24:49 +02:00
2023-10-29 10:53:44 +01:00
The Flutter widges are named as PascalCase variations of their reference names (i.e. `airplane-helix-45deg` becomes `AirplaneHelix45deg`).