Icon-animate-xxl NPM

n# icon-animate-xxl Icon animations for react-native compatible with oblador vector-icons

Installation

Run: $ npm i icon-animate-xxl
In your Project: import IconAnimate from "icon-animate-xxl"

Example

import React from "react";
import {View} from "react-native";
import IconAnimate from "icon-animate-xxl"
export default function App() {
  return (
    <View>
      <IconAnimate
        name={"heart"}
        color={"#f45"}
        size={20}
        animation={"explode"}
        doppelganger={"heart-o"}
        animation={"explode"}
      />
    </View>
  );
}
});

Properties

You can build your animated icon with these props:

Prop	Description	Default
`name`	Name of icon, use for example`heart`.	None
`size`	Icon size.	20`
`color`	Text and icon color, use `iconStyle` or nest a `Text` component if you need different colors.	None
`animation`	write the different animation options.	"explode"
`doppelganger`	this is an animation effect for explode which shows a mirror effect of the icon like a doppelganger	None

License

This project is licenced under the MIT License.

Any bundled fonts are copyright to their respective authors and mostly under MIT or SIL OFL.y bundled fonts are copyright to their respective authors and mostly under MIT or SIL OFL.

icon-animate react native react native icon animate animate icon rn rn icon animate icon motion react native

@infinitebrahmanuniverse/nolb-ico @everything-registry/sub-chunk-1891

0.1.1

4 years ago

0.1.0

4 years ago