Import the icon component from rocketicons
Place the element wherever you need
It can be customized or added as your need. Tailwind utilities like size, height and width can be used as well.
See Tailwind colors section to learn more about it.
The outlined
icons can have their line width customized.
Combine the icons utilities changing the colors and the size on the same time. Use on the format icon-{color}-{size}
.
Powered by Tailwind (by NativeWind on React-native), the dark mode variant can be used defined a different appearance when dark mode is enabled.
The web support is total, however the NativeWind support is not complete and there are few limitations as described on the official documentation. Learn more about states.
The Tailwind's animations work on icons. Custom animations can be created as well.
Beside the icons-*
utilities, all the Tailwind power
is at your service, allowing to achive any result your project requires.