Loader Icon

A lightweight CSS-only animated loader for your websites.

How to Add Loader Icon


<link rel="stylesheet" href="https://loadericon.pages.dev/loadericon/loader.css">

How to Use


<div class="loader"></div>

Customize Loader


<div class="loader" style="
  --loader-width: 80px;
  --loader-height: 80px;
  --loader-border: 8px;
  --loader-color: #ff2aff;
  --loader-speed: 0.6s;
"></div>

See Demo

Loader Icon is licensed under the MIT License.