Unicorn Icons
  • Icons
  • Guides
  • Pricing
  • License
← All guides
Lottie
ReactHTML / WebVueAndroidiOS
Rive
ReactHTML / WebVueAndroidiOS
Rive

Rive integration guides

Add Rive animated icons with state machine support to your project. Pick your platform below — each guide has copy-paste code snippets.

HTML / Web
Load Rive files in any webpage with the Rive WebGL CDN — no framework needed.
React
Embed interactive Rive animations in React with state machine support using @rive-app/react-canvas.
Vue
Use Rive's webgl runtime to add interactive animated icons to your Vue 3 or Nuxt app.
Android
Integrate Rive animations into Android apps with RiveAnimationView and Kotlin state machine controls.
iOS
Embed Rive animations in iOS apps using RiveViewModel and the Rive Swift Package.
Unicorn Icons logoUnicorn icons

Animated icons for React, iOS, Android and Flutter.

Featured on Twelve Tools
Featured on Findly.tools

Product

  • Icons
  • Pricing
  • License
  • Blog

Guides

  • Web
  • React
  • iOS
  • Android

Learn

  • What is Rive
  • What is Lottie
  • Rive vs Lottie

Legal

  • Terms of service
  • Privacy policy

Other projects

  • Illustration kit
  • Super designer

© 2026 Unicorn Icons. All rights reserved.

Handcrafted with♥