https://github.com/nikkieke/rive_animated_icons

This package provides rive animated icons that can be customized to suit your preference.
https://github.com/nikkieke/rive_animated_icons

animation icon-pack icons rive

Last synced: 13 days ago
JSON representation

This package provides rive animated icons that can be customized to suit your preference.

• Host: GitHub
• URL: https://github.com/nikkieke/rive_animated_icons
• Owner: nikkieke
• License: mit
• Created: 2024-04-26T02:31:26.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-05-22T22:38:21.000Z (6 months ago)
• Last Synced: 2024-05-22T23:34:37.892Z (6 months ago)
• Topics: animation, icon-pack, icons, rive
• Language: C++
• Homepage:
• Size: 2.26 MB
• Stars: 25
• Watchers: 1
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# RiveAnimatedIcons - 50+ Icons Now Available! 🚀





















This package provides rive animated icons that can be customized to suit your preference. It includes the riveIcon type, onTap, color parameters and others to give the user a level of control.

We’re excited to announce that we’ve hit a major milestone — 50 animated icons and counting! 🎉

## Icons Sample ⬇️

 

![InShot_20241002_141941742](https://github.com/user-attachments/assets/efdc4c3d-cda9-4884-80e9-f308e7222446)

## Example

```dart

RiveAnimatedIcon(

    riveIcon: RiveIcon.home,

    width: 50,

    height: 50,

    color: Colors.green,

    strokeWidth: 3,

    loopAnimation: false,

    onTap: (){},

    onHover: (value){}                          

),

```

## Required parameter

#### riveIcon:

This parameter is used to define the icon type from the RiveIcon enum

## Optional parameters

#### width:

This parameter is used to set the icon width

#### height:

This parameter is used to set the icon height

#### color:

This parameter is used to set icon color

#### loopAnimation:

When this parameter is set to `true` the icon's animation will be on loop

#### onTap:

This callback is set by the user to perform actions onTap

#### onHover:

This callback is set by the user to perform actions onHover

#### splashColor:

This parameter is used to set icon splash color

#### strokeWidth:

This parameter is used to set icon stroke width

## Animated Icon stroke width sample ⬇️

![InShot_20240613_203645913](https://github.com/nikkieke/rive_animated_icons/assets/95222620/0467daca-3c9d-425a-92ca-6ef1976749cf)

## License 📝

Rive Animated Icons is [MIT-licensed](https://github.com/nikkieke/rive_animated_icons/edit/main/LICENSE)

## Animation credits 🏆

All the icons available were animated in Rive and sourced from the Rive community files. Special thanks to all the animators!

- [@drawsgood](https://rive.app/@drawsgood/)

- [@Daniyar](https://rive.app/@Daniyar/)

- [@nikkieke001](https://rive.app/@nikkieke001/)

  

## Maintainers 🔩

- [Nikki Eke](https://github.com/nikkieke)