• Vector Animations
    • SVG animator
      CSS / Javascript
    • Build interactive SVG animations
      Click / Hover / Programmatic
    • Create & edit Lottie files
      JSON / Optimized JSON
    • Animated SVG for React Native
      SVG with webview component
    • Animated SVG for Flutter
      SVG with webview component
    • Animate vectors
      Logos / Icons / Illustrations
    Raster Animations
    • SVG to GIF export
      GIF / WebP
    • Create animated PNG
      APNG / Image sequence
    • SVG to video formats
      MP4 / MOV / WEBM / MKV / AVI
    Use Cases
    • Make CSS preloaders
    • Animate your icons
    • Animate your logo
    • Animate your mobile app
    • Animate your ads
    • SVG animations for eCommerce
    • Motion graphics creator
    • Teach motion design with SVGator
    • Collaborative animation with SVGator
    Techniques
    • Morph animation with SVG
    • Motion path animation builder
    • SVG path animation generator
    • Keyframe animator
    Build from scratch
    • Build your SVG
    • Make web animations
    • 2D animation creator
    Comparisons
    • Adobe Animate alternative
  • Learn
    • Blog
      Articles and inspiration
    • Tutorials
      Basic and advanced
    • Help Center
      Find all the answers
    What customers say
    • Testimonials
      Hear from our users
    • Case studies
      Success stories in motion
  • Integrations
    • Figma
  • Teams
  • Pricing
  • Log in
  • Sign up
Help Center
>
Getting started

Getting started

Preparing and importing

  • Creating masks in Adobe Illustrator
  • Creating masks in Affinity Designer
  • Creating masks in Gravit Designer
  • Using the Assets Library
  • Change canvas size
  • Useful keyboard shortcuts in the SVGator app
  • Supported file formats
  • Parts of the SVGator app interface
  • Change timeline duration
  • Preparing your file in Illustrator
  • Preparing your file in Sketch
  • Managing projects
  • Issues

  • What if you can’t import a file
  • Implementing

  • Canva-Compatible Lottie Export
  • Export

  • Using custom fonts in your animated SVGs
  • Fill and Strokes

  • Change the color of an element
  • Modify an element’s stroke
  • Vector Animations
    • SVG animator
      CSS / Javascript
    • Build interactive SVG animations
      Click / Hover / Programmatic
    • Create & edit Lottie files
      JSON / Optimized JSON
    • Animated SVG for React Native
      SVG with webview component
    • Animated SVG for Flutter
      SVG with webview component
    • Animate vectors
      Logos / Icons / Illustrations
    Raster Animations
    • SVG to GIF export
      GIF / WebP
    • Create animated PNG
      APNG / Image sequence
    • SVG to video formats
      MP4 / MOV / WEBM / MKV / AVI
    Integrations
    • Figma
    Use Cases
    • Make CSS preloaders
    • Animate your icons
    • Animate your logo
    • Animate your mobile app
    • Animate your ads
    • SVG animations for eCommerce
    • Motion graphics creator
    • Teach motion design with SVGator
    • Collaborative animation with SVGator
    Techniques
    • Morph animation with SVG
    • Motion path animation builder
    • SVG path animation generator
    • Keyframe animator
    Build from scratch
    • Build your SVG
    • Make web animations
    • 2D animation creator
    • About us
    • Pricing
    • Testimonials
    • Security
    Resources
    • Free eBook
    • Blog
    Support
    • Help Center
    • Tutorials
    • Contact
    • Cookie Settings
    See what others are saying about us:
    • ProductHunt logo
    • SoftwareSuggest logo
    • FixThePhoto logo
    • FinancesOnline logo
    • Terms of Service
    • |
    • Privacy Policy
    • |
    • Cookie Policy
    © 2026 SVGator. All Rights Reserved.