Plugins & Extensions

LivelyIcons everywhere

Use animated icons directly in your favorite tools. Available for VS Code and Figma, with more integrations coming soon.

VS Code Extension

For Developers

Browse, preview, and insert animated icons directly in your code editor. Generate React, Vue, or SVG code with one click.

  • Fuzzy search across 1,300+ icons
  • Live animation preview
  • React/Vue/SVG code generation
  • Favorites and recent icons
  • Direct code insertion
Learn MoreComing Soon

Figma Plugin

For Designers

Browse, customize, and insert 1,319 animated icons directly into your designs. Fully editable vectors with zero network required.

  • 1,319 animated icons
  • 36 organized categories
  • Size, stroke, color customization
  • Insert as editable vectors
  • Works completely offline
Learn MoreComing Soon

Which plugin is right for you?

Both plugins provide access to the full LivelyIcons library. Choose based on your workflow.

VS Code Extension

Best for developers who want to:

  • Insert icon code directly into editor
  • Generate React/Vue components
  • Preview animations before using
  • Access icons without leaving the IDE
  • Copy code to clipboard instantly

Figma Plugin

Best for designers who want to:

  • Insert icons into design files
  • Customize colors and sizes visually
  • Work with editable vector paths
  • Build consistent icon systems
  • Export for development handoff
Coming Soon

More integrations on the way

We're working on bringing LivelyIcons to more tools and platforms. Have a suggestion? Let us know on GitHub.

Request Integration