SVG to GIF Converter
Turn an SVG into a GIF that plays anywhere. Animated SVGs keep their motion, CSS or SMIL; still SVGs become a crisp GIF image. Pick the size, length and frame rate, and download. Free, in your browser.
Your file
Drop an SVG to convertTap to choose an SVG
SVG, animated or still
Why use this tool
No file size limit
Full-size photos and long documents, straight from your device.
Nothing is uploaded
Processed entirely in your browser. Your files never leave your device.
No signup needed
Open the tool and go. No account, no email.
SVG is the best format for icons, logos and line animation on the web, but much of the world cannot show it. Email clients, chat apps, slide decks, forums and social networks want a GIF, or a video.
This SVG to GIF converter plays your SVG exactly as a browser does and records it frame by frame. Animated loading spinners, logo reveals, icons and illustrations keep their motion, and the GIF loops seamlessly when the length matches one cycle of the animation. The SVG is opened in the browser's safe image mode, and never uploaded.
How to convert SVG to GIF
Add your SVG
Drop a .svg file on the box above, or choose one. It starts playing in the preview, and the tool reports whether it is animated and how long one cycle lasts.
Choose the size and length
Pick the width; the height follows the SVG's shape. The length is set to one cycle of the animation, so the GIF loops without a jump.
Set the frame rate and background
Twenty frames per second is smooth for most animation. Keep the background transparent, or choose white or black for apps that show transparency poorly.
Convert and download
Press Convert to GIF. The animation is recorded in real time, so a three-second SVG takes three seconds, then encoded. Keep the tab open until it finishes.
Convert an animated SVG to GIF
SVGs move in two ways: SMIL elements such as <animate> and <animateTransform> inside the file, or CSS @keyframes animations in its <style>. Both play here exactly as they do in a browser, because they are played by the browser itself, and the GIF records what you see in the preview.
For a GIF that loops cleanly, the recording should last one full cycle. The tool reads the durations written in the SVG and sets the length for you; if your animation is built from several cycles of different lengths, use their common multiple, up to 10 seconds.
Motion that depends on scripts, hovering or clicking does not play inside an image, so it cannot be recorded. Animations that run on their own, which is nearly every animated icon, loader and logo, work.
Size, frame rate and file size
An SVG has no fixed resolution, so it is drawn sharp at whatever width you choose: there is no blur from scaling up. The file size grows with the width and the number of frames, so pick the smallest size the GIF will actually be shown at.
Ten frames per second suits slow, simple motion; 20 is smooth for most icons and loaders; 25 for fast movement. Flat-colored vector art compresses very well as GIF, and areas that do not move are stored only once. If the result is still too large, the GIF compressor can fit it to an exact size. For a custom emoji, GIF to emoji fits the result to Discord, Slack or Twitch limits.
Transparent backgrounds
SVGs usually have a transparent background, and so can the GIF. GIF transparency is all or nothing for each pixel, so the smooth, anti-aliased edges of vector shapes become crisp, slightly stepped ones, most visible on dark backgrounds.
When you know where the GIF will appear, choose a matching background color instead: white for most emails and documents, black for dark-mode chats. The edges then stay perfectly smooth.
Safe by design
An SVG is a document that can contain scripts and links to other files. Here it is opened as an image, the same strict mode browsers use for SVGs in an <img> tag: scripts never run, and nothing outside the file is fetched. Fonts and images the SVG links to on other sites are therefore not loaded; embedded ones are.
Nothing is uploaded. Recording and encoding both happen in your browser.
Settings for common SVG animations
Starting points. The preview plays the SVG exactly as it will be recorded.
| SVG | Width | Frames per second | Background |
|---|---|---|---|
| Loading spinner | 240–320 px | 20–25 | Match the page |
| Animated icon | 240 px | 20 | Transparent or white |
| Logo reveal for email | 480–640 px | 20 | White |
| Illustration or banner | 640–800 px | 10–20 | Its own background |
| Chart or data animation | 640 px | 10 | White |
Why convert SVG animation to GIF
Email newsletters
Most email clients do not support SVG at all, let alone its animation. A GIF plays in nearly all of them.
Slides and documents
PowerPoint, Keynote, Google Slides and many docs tools play GIFs where SVG animation does not run.
Chat and social posts
Share an animated logo or icon in Slack, Discord, WhatsApp or on social networks.
Design handoff and previews
Show motion to clients and teammates in tools that only display images.
README files and docs
Animated diagrams and demos in documentation sites and repositories that strip SVG animation.
Stickers and emoji
Turn vector emoji and stickers into GIFs, then fit them to the size limits of chat apps.
Frequently asked questions
- Does it keep the SVG animation?
- Yes. CSS animations and SMIL animations both play and are recorded into the GIF. Only motion driven by scripts or by hovering and clicking cannot be captured.
- Can I convert a still SVG to GIF?
- Yes. A still SVG becomes a single-frame GIF at the width you choose, drawn sharp from the vector.
- Why does converting take as long as the animation?
- The animation is recorded as it plays, the way the browser runs it, so a five-second SVG takes five seconds to record, plus a moment to encode.
- Why did the recording stop when I switched tabs?
- Browsers pause animations in tabs you are not looking at, which would leave gaps in the GIF. Keep the tab visible until it finishes.
- How do I make the GIF loop smoothly?
- Set the length to exactly one cycle of the animation, which the tool does for you when the SVG states its durations.
- Is my SVG uploaded?
- No. It is played, recorded and encoded in your browser, on your device.
- Why are some fonts or images missing?
- For safety, the SVG is opened as an image, which does not load fonts or pictures from other websites. Convert text to outlines, or embed images in the SVG, before converting.
- Can I convert Lottie or JSON animations?
- Not directly: Lottie files are JSON, not SVG. Export the animation as an SVG first, or record it to video.
Related tools
GIF Speed Changer
Speed up or slow down a GIF, or set one delay for every frame, without losing quality.
GIF Compressor
Reduce GIF file size, or fit a GIF under an exact size like 256 KB or 5 MB.
GIF Maker
Make an animated GIF from pictures or a video clip. Set the order, speed, size and loop.
GIF to MP4
Convert a GIF to an MP4 video, usually many times smaller, with its timing kept.
Image to SVG
Vectorize a logo or line drawing into an SVG that scales without pixels.
Image to PNG
Convert JPG, WEBP, HEIC or AVIF to lossless PNG, transparency kept.