Jinero
  • Home
  • Fonts
    Fonts Library Fonts Library
    Fonts Library

    Browse, organize and optimize your complete font collection.

    Web Font Converter Web Font Converter
    Web Font Converter

    Turn desktop fonts into web-ready WOFF/WOFF2.

    Font Recognizer Font Recognizer
    Font Recognizer

    Upload an image to identify matching fonts.

    Font Pair Generator Font Pair Generator
    Font Pair Generator

    Discover beautiful font combinations.

    Font Extractor Font Extractor
    Font Extractor

    Extract web-fonts from any URL.

  • Icons
    Icon Library Icon Library
    Icon Library

    Browse thousands of icons & illustrations.

    Unicode Browser Unicode Browser
    Unicode Browser

    Explore 39,656 Unicode characters.

    Sprite Generator Sprite Generator
    Sprite Generator

    Create SVG sprites and icon fonts.

    SVG Editor SVG Editor
    SVG Editor

    Edit, optimize and export SVGs.

    Image → SVG Tracer Image → SVG Tracer
    Image → SVG Tracer

    Convert raster images to layered SVG.

    Loader Generator Loader Generator
    Loader Generator

    Design CSS/HTML loading spinners.

  • Colors
    Color Palettes Color Palettes
    Color Palettes

    Trending color palettes for your projects.

    Palette Generator Palette Generator
    Palette Generator

    Create harmonious color schemes.

    Contrast Checker Contrast Checker
    Contrast Checker

    Verify WCAG compliance.

    Color Extractor Color Extractor
    Color Extractor

    Pull colors from images or URLs.

    Shades & Tints Shades & Tints
    Shades & Tints

    Generate lighter and darker variations.

    Design System Design System
    Design System

    Visualize and export color palettes.

  • Images
    Image Compressor Image Compressor
    Image Compressor

    Reduce file size while preserving quality.

    Image Converter Image Converter
    Image Converter

    Convert between PNG, JPG, WebP, AVIF.

    Background Remover Background Remover
    Background Remover

    One-click background removal.

    AI Image Enhancer AI Image Enhancer
    AI Image Enhancer

    Upscale, restore faces, denoise with AI.

    Favicon Generator Favicon Generator
    Favicon Generator

    Generate ICO, Apple touch, PWA icons.

    Dither Effect Dither Effect
    Dither Effect

    Apply retro dithering effects to images.

  • Dev
    UI/UX Elements UI/UX Elements
    UI/UX Elements

    Code components for your projects.

    Code Minifier Code Minifier
    Code Minifier

    Minify CSS, JS, HTML, JSON code.

    Code Converter Code Converter
    Code Converter

    Convert between code formats.

    Gradient Generator Gradient Generator
    Gradient Generator

    Create linear, radial, conic gradients.

    Mesh Gradient Mesh Gradient
    Mesh Gradient

    Fluid WebGL mesh gradients.

    Grid Playground Grid Playground
    Grid Playground

    Build CSS Grid layouts visually.

    SCSS Mixins SCSS Mixins
    SCSS Mixins

    Library of handy SCSS mixins.

    Clamp Generator Clamp Generator
    Clamp Generator

    Fluid responsive font-size clamp().

    SVG to Base64 SVG to Base64
    SVG to Base64

    Encode SVG for CSS backgrounds.

Sign Up Sign Up
Jinero
CtrlK
  • Home
  • Fonts
  • Icons
  • Colors
  • Images
  • Dev

Working with fonts:

Fonts Library Fonts Library
Fonts Library

Browse, organize and optimize your complete font collection in one place.

Web Font Converter Web Font Converter
Web Font Converter

Turn desktop fonts into web-ready WOFF/WOFF2 with CSS @font-face snippets.

Font Recognizer Font Recognizer
Font Recognizer

Upload an image to identify matching fonts and find similar alternatives.

Font Pair Generator Font Pair Generator
Font Pair Generator

Discover and customize beautiful font combinations for headings and body text.

Website Font Extractor Website Font Extractor
Website Font Extractor

Extract all web-fonts from any URL and download them as TTF, OTF or WOFF.

Icons & Symbols:

Icon Library Icon Library
Icon Library

Browse thousands of icons & illustrations.

Icon Catalog Icon Catalog
Unicode Browser

Explore 39,656 Unicode characters.

SVG Tools:

Sprite Generator Sprite Generator
Icon Font / Sprite Generator

Create webfonts or SVG/PNG sprites.

SVG Editor SVG Editor
SVG Editor

Edit colours, animate, export Lottie.

Image Tracer Image Tracer
Image → SVG Tracer

Convert raster to layered SVG.

Loader Generator Loader Generator
Loader Generator

Design and export CSS/HTML loaders and spinners with customizable sizes and colors.

Colors:

Colors Palettes Colors Palettes
Colors Palettes

Trending color palettes for your projects.

Palette Visualizer Palette Visualizer
Palette Visualizer

Visualize color palettes and their properties.

Tools:

Contrast Checker Contrast Checker
Contrast Checker

Verify WCAG compliance for text and background pairs.

Color Extractor Color Extractor
Color Extractor

Pull color palettes from uploaded images or URLs.

Palette Generator Palette Generator
Palette Generator

Create harmonious color schemes: complementary, triadic, analogous & more.

Shades & Tints Shades & Tints
Shades & Tints

Generate lighter and darker variations for any base color.

Image Tools:

Image Converter Image Converter
Image Converter

Switch between PNG, JPG, WebP, AVIF, and more with lossless quality.

Image Compressor Image Compressor
Image Compressor

Reduce file size while preserving visual quality.

Remove Background Remove Background
Background Remover

One-click background removal with pixel-perfect edges.

Image Tracer Image Tracer
Image → SVG Tracer

Convert raster to layered SVG.

Favicon Generator Favicon Generator
Favicon Generator

Generate a complete favicon package — ICO, Apple touch, Android Chrome, PWA manifests.

Favicon Generator Favicon Generator
AI Image Enhancer

Upscale, restore faces, and denoise images with AI.

Image Dither Image Dither
Image Dither

Convert images into stylish dithering patterns.

Background Generator Background Generator
Background Generator

Generate unique SVG backgrounds with organic shapes and patterns.

Library & Background:

UI/UX Elements UI/UX Elements
UI/UX Code Elements

UI/UX Code components for your projects.

Gradient Generator Gradient Generator
Gradient Generator

Create and preview linear, radial, and conic gradients with easy color stops.

Mesh Gradient Mesh Gradient
Mesh Gradient Generator

Create fluid mesh gradients with WebGL — export as CSS or image.

Code:

Code Minifier Code Minifier
Code Minifier

Minify your code to reduce file size and improve performance.

Code Converter Code Converter
Code Converter

Convert between code formats and languages.

Grid Playground Grid Playground
Grid Playground

Build and preview CSS Grid layouts in real time.

SCSS Mixins SCSS Mixins
SCSS Mixins & Functions

Drop-in library of handy SCSS mixins and functions for grids, transitions, and more.

Other Tools:

  • Favicon Generator
  • Font-size Clamp Generator
  • SVG to Base64
  • Style Extractor
Sign Up Sign Up
Loading Animations
Home Icons Loading Animations

Loading Animations

111 open-source animated SVG loaders. Pick one, tweak color & speed, export

Back to Home
Editor

Select a loader from the catalog

Ready

Select a loader from the catalog
to start customizing

Color

12 Dots Scale Rotate
180° Ring with BG
180° Ring
270° Ring with BG
270° Ring
3 Dots Bounce
3 Dots Fade
3 Dots Move
3 Dots Rotate
3 Dots Scale Middle
3 Dots Scale
4 Dots Gooey
4 Dots Rotate
6 Dots Rotate
6 Dots Scale Middle
6 Dots Scale
8 Dots Rotate
8 Dots Rotate Scale
90° Ring with BG
90° Ring with Gradient
90° Ring
Audio
Ball Triangle
Bars Fade
Bars Rotate Fade
Bars Scale Fade
Bars Scale Middle
Bars Scale
Bars
Blocks Scale
Blocks Shuffle 2
Blocks Shuffle 3
Blocks Shuffle 4
Blocks Shuffle 5
Blocks Wave
Bouncing Ball
Circle Fade
Circles
Clock
Cog 01
Cog 02
Cog 03
Cog 04
Cog 05
Cog 06
Cog 07
Cog 08
Cog 09
Cog 10
Cog 11
Cog 12
Cog 13
Cog 14
Cog 15
Cog 16
Cog 17
Cog 18
Cog 19
Cog 20
Cog 21
Cog 22
Cog 23
Cog 24
Dot Revolve
Eclipse Half
Eclipse
Gooey Balls 1
Gooey Balls 2
Grid
Heart Pulse 2
Heart Pulse 3
Heart Pulse
Hearts
Horizontal Bar
Jump
Loader Wi-Fi
Loader 1
Loader 2
Loader 3
Loader 4
Loader 5
Loader 6
Loader 7
Loader 8
Loader 9
Loader 10
Oval
Pac-Man
Puff
Pulse 2
Pulse 3
Pulse Multiple
Pulse Ring
Pulse Rings 2
Pulse Rings 3
Pulse Rings Multiple
Pulse
Ring Resize
Rings
Spinner Double
Spinner Multiple 2
Spinner Multiple
Spinner
Spinning Circles
Square
Tadpole
Tail Spin
Three Dots
Wi-Fi Fade
Wi-Fi
Wind Toy

No loaders match your search.

More Images Tools

Image Converter
Convert between PNG, JPG, WebP, AVIF
Favicon Generator
Generate ICO, Apple touch, PWA icons
AI Image Enhancer
Upscale and denoise with AI

Free Animated SVG Loaders

A curated library of lightweight loading animations. Customize colors and speed, then export as SVG or GIF for your projects.

Curated Collection

Browse 50+ hand-picked SVG loading animations organized by category — spinners, bars, dots, and abstract shapes. Each loader is lightweight and ready for production use.

Customize Colors

Change the color of any loader with the built-in color picker. Match your brand palette instantly without editing SVG code.

Adjust Speed

Control animation speed to match the feel of your application. Slow it down for a calm experience or speed it up for perceived performance.

Multiple Export Formats

Export as optimized SVG for web, animated GIF for broader compatibility, or copy the SVG code directly into your HTML.

Frequently Asked Questions

Yes. All loaders in the collection are open-source and free for personal and commercial use. No attribution is required.

Copy the SVG code and paste it directly into your HTML. The animation is embedded inside the SVG — no JavaScript or CSS needed. You can also download the SVG file and reference it with an img tag.

SVG loaders are resolution-independent, meaning they stay sharp on retina displays. They are also significantly smaller in file size, support color customization via CSS, and do not have the limited color palette of GIF files.

SVG loaders scale to any size. Simply set the width and height in CSS or inline attributes. Because they are vectors, they remain crisp at 16px icons or full-screen overlays.

Jinero

All developer's tools — in one place.

Overview
  • Home
  • Sign In
  • Sign Up
Fonts
  • Fonts Library
  • Web Font Converter
  • Font Recognizer
  • Font Pair Generator
  • Font Extractor
Icons & SVG
  • Icon Library
  • Unicode Browser
  • Sprite Generator
  • SVG Editor
  • Image → SVG Tracer
  • Loader Generator
Colors
  • Color Palettes
  • Palette Generator
  • Contrast Checker
  • Color Extractor
  • Shades & Tints
  • Design System
Images
  • Image Compressor
  • Background Remover
  • AI Image Enhancer
  • Favicon Generator
  • Dither Effect
Development
  • UI/UX Elements
  • Code Minifier
  • Code Converter
  • Gradient Generator
  • Mesh Gradient
  • Grid Playground
  • SCSS Mixins
  • Clamp Generator
  • SVG to Base64

© 2026 jinero.online — All Rights Reserved
Jinero
Early Access

We're Building Something Special

Jinero is in active development. New tools and improvements ship every week. Right now you can lock in lifetime access at a one-time price — before we switch to monthly billing.

$49 one-time payment
Limited to 1,000 spots
  • All current & future tools — unlimited
  • No file size or usage limits
  • Priority access to new features
  • Support the project's development
Get Lifetime Access

Pay with crypto (USDT, BTC, ETH). No recurring charges, ever.

Send Feedback

Report a bug, suggest a feature, or just say hi.