All tools / GIF maker Animated GIF maker for icons Make animated GIFs from icons in a few clicks. Pick a motion, set size and background, and download a GIF or an animated WebP for chats, email and slides.
How to make an animated GIF Three steps, about ten seconds. Nothing is uploaded.
1 Drop your SVG icons Add files, a folder, paste SVG code, or try the sample icons.
SVG bell.svg2 Pick a motion Choose the motion, its strength and length, the size and the background.
Swing Bounce Pulse 128 256 512 3 Download the GIF Save each GIF, or every GIF as one ZIP.
GIF bell.gifGuide 1 min read Animated GIF maker: icons that move anywhere GIFs play in email, chats, slide decks and almost every app without a player. Turning an icon into a short looping GIF is a quick way to draw attention to a button, a feature or a status.
On this page GIF or animated WebP? Size and frame rate GIF or animated WebP? GIF Animated WebP Plays in email Yes Rarely Soft transparent edges No Yes File size Larger About half
Tip: For transparent GIFs, pick the background that the GIF will sit on (white for most emails). Edges blend into it and look smooth.
Size and frame rate 256 px at 20 fps suits chats and email. Use 512 px for slides. Raise the frame rate for fast motions like spin and shake; lower it to keep files small.
More free tools Convert, optimize and package icons right in your browser. Nothing is uploaded.
ConvertSVG icon.svg Vector PNG icon.png 512 × 512 SVG to PNG Sharp PNGs at any size, one file or hundreds. Open tool TracePNG heart.png
64 × 64 px SVG heart.svg 1 path PNG to SVG Trace a PNG or JPG into a clean vector. Open tool FaviconPNG logo.png
1024 px ICO favicon.ico 4 sizes PNG to ICO Favicon .ico files with 16 to 256 px inside. Open tool App iconsSVG logo.svg
Any size ZIP icons.zip
14 files Favicon & app icons Website, Chrome, iOS and Android sets. Open tool CodeSVG bell.svg < svg
viewBox = "0 0 24"
< path d = "M4…"
</ svg >
24 × 24 TSX Bell.tsx export function
Icon (props) {
return < svg
{... props }/>
Typed props SVG to React Typed JSX components, ready to paste. Open tool OptimizeSVG logo.svg
4.2 KB SVG min.svg −74%
1.1 KB SVG optimizer Smaller SVG files with nothing visible lost. Open tool SpriteSVG 24 icons 24 files SVG sprite.svg < svg >
< symbol id = "home"
< symbol id = "star"
< symbol id = "menu"
1 file SVG sprite Many icons in one sprite.svg file. Open tool StickersJPG cat.jpg Photo WEBP cat.webp 512 × 512 Sticker maker WhatsApp and Telegram sticker files. Open tool AnimateSVG bell.svg Static GIF bell.gif 60 fps Icon animator Animated SVG, Lottie, GIF, Telegram stickers. Open tool ConvertSVG icon.svg Vector JPG icon.jpg 512 × 512 SVG to JPG Flat JPG images at any size. Open tool ConvertSVG icon.svg Vector WEBP icon.webp 512 × 512 SVG to WebP Small WebP images from vectors. Open tool ConvertPNG photo.png Photo WEBP photo.webp −64% PNG to WebP Shrink pictures for the web. Open tool ConvertPNG photo.png Photo JPG photo.jpg Smaller PNG to JPG Smaller photos, white or colored background. Open tool ConvertJPG photo.jpg Photo PNG photo.png Lossless JPG to PNG Lossless PNG from photos. Open tool ConvertWEBP image.webp Picture PNG image.png Lossless WebP to PNG PNG files that open anywhere. Open tool ConvertICO favicon.ico 4 sizes PNG favicon.png
256 × 256 ICO to PNG Pull the icon out of a favicon. Open tool TraceJPG logo.jpg
64 × 64 px SVG logo.svg 1 path JPG to SVG Trace photos and logos into vectors. Open tool CodeSVG bell.svg < svg
viewBox = "0 0 24"
< path d = "M4…"
</ svg >
24 × 24 VUE Icon.vue export function
Icon (props) {
return < svg
{... props }/>
Size prop SVG to Vue Single-file components with a size prop. Open tool CodeSVG bell.svg < svg
viewBox = "0 0 24"
< path d = "M4…"
</ svg >
24 × 24 SVELTE Icon.svelte export function
Icon (props) {
return < svg
{... props }/>
Size prop SVG to Svelte Svelte components with a size prop. Open tool CodeSVG bell.svg < svg
viewBox = "0 0 24"
< path d = "M4…"
</ svg >
24 × 24 TSX Icon.tsx export function
Icon (props) {
return < svg
{... props }/>
react-native-svg SVG to React Native react-native-svg components, typed. Open tool CodeSVG bell.svg < svg
viewBox = "0 0 24"
< path d = "M4…"
</ svg >
24 × 24 CSS icon.css export function
Icon (props) {
return < svg
{... props }/>
One line SVG to data URI Inline SVG for CSS and img tags. Open tool ConvertSVG icon.svg Vector PDF icon.pdf Vector SVG to PDF Vector PDFs that print sharp. Open tool ConvertPNG photo.png Photo PDF photo.pdf A4 PNG to PDF One picture per page, A4 or Letter. Open tool ConvertJPG photo.jpg Photo PDF photo.pdf A4 JPG to PDF Photos as PDF pages, sized to print. Open tool ConvertJSON loader.json Lottie GIF loader.gif 20 fps Lottie to GIF Animated GIFs from .json or .lottie files. Open tool FaviconTXT “IH” IH
Letters ICO favicon.ico 4 sizes Text to favicon Initials as a favicon.ico and app icons. Open tool FaviconTXT 🚀 🚀
Emoji ICO favicon.ico 4 sizes Emoji to favicon Any emoji as a favicon in one click. Open tool ConvertJSON loader.json Lottie MP4 loader.mp4 H.264 Lottie to MP4 MP4 videos from .json or .lottie files. Open tool AnimateSVG bell.svg Static JSON bell.json Lottie SVG to Lottie Animated Lottie files from any SVG icon. Open tool StickersJPG cat.jpg Photo WEBP cat.webp 512 × 512 Image to sticker Photos and PNGs into WhatsApp and Telegram stickers. Open tool StickersTXT “OMG!” OMG!
Letters WEBP omg.webp OMG!
512 × 512 Text to sticker Word stickers for WhatsApp and Telegram. Open tool StickersTXT 😂 😂
Emoji WEBP emoji.webp 😂
512 × 512 Emoji to sticker Big emoji stickers with a caption. Open tool ViewSVG icon.svg
Code SVG Preview Any size SVG viewer Open, inspect and edit SVG code. Open tool OptimizeSVG logo.svg
4.2 KB SVG icon.min.svg −74%
1.1 KB SVG minifier Minify SVG code to the smallest file. Open tool CheckURL example.com example.com
Website ICO Report ✓ favicon.ico ✓ apple-touch-icon ! maskable icon
8 checks Favicon checker Check any site's favicons and app icons. Open tool GIF or WebP? GIF plays everywhere, including email. Animated WebP is smaller and has smooth transparent edges; most browsers and chat apps play it.
Why do transparent GIF edges look rough? GIF pixels are either fully shown or hidden. Pick a white or colored background, or use WebP, for smooth edges.
Can I use my own SVG? Yes. Drop any SVG file or paste its code. Icons from IconHub work straight away.
How do I make a GIF from a Lottie file? Use Lottie to GIF, which plays the animation and saves its frames as a GIF in your browser.