---
title: "Quantize animated icon"
description: "Quantize animated icon (Model training & fine-tuning). Continuous values snap to discrete levels. Light: the slope snaps into three steps in one decisive move and stops dead, and as it locks the three level cells click down in order, left to right, and spring back. Strong: the slope steps partway and pauses, then locks into its levels, and the cells click harder in order with a small settle. The signal is data and never overshoots; the cells end where they started."
canonical: https://generativeicons.com/icons/quantize/
---

# Quantize animated icon

Continuous values snap to discrete levels. Light: the slope snaps into three steps in one decisive move and stops dead, and as it locks the three level cells click down in order, left to right, and spring back. Strong: the slope steps partway and pauses, then locks into its levels, and the cells click harder in order with a small settle. The signal is data and never overshoots; the cells end where they started.

- Id: `quantize`
- Category: Model training & fine-tuning
- Search terms: quantization, quantisation, int8, int4, 4-bit, 8-bit, fp16, bf16, gguf, low precision, reduce precision, discretize, discrete levels, compress weights
- Two states: continuous-values to discrete-levels, played forward and back
- Styles: outline, solid, duotone; outline weights 1.5, 2, 2.5 (any from 1 to 3); motion light or strong
- File: https://generativeicons.com/assets/quantize.lottie (dotLottie, 6980 bytes, sha256 5d51d0f20adeaab7a7ddc6b038ef5180c463f95b77b333dde0fca54d5b3d3847)
- License: MIT

## Install

```sh
npm install @lottiefiles/generative-icons-runtime
npx generative-icons init
npx generative-icons add quantize
```

## React

```tsx
// npm install @lottiefiles/generative-icons-react
'use client';
import { AnimatedIcon } from '@lottiefiles/generative-icons-react';
import icon, { src } from './generative-icons/quantize.mjs';

export function QuantizeIcon() {
  return <AnimatedIcon icon={icon} src={src} size={32}
    color="#ffffff" variant="outline" weight={2}
    motion="light" theme="dark" />;
}
```

## JavaScript

```js
import { createIcon } from '@lottiefiles/generative-icons-runtime';
import icon, { src } from './generative-icons/quantize.mjs';

const handle = await createIcon(canvas, {
  icon, src,
  color: '#ffffff', style: 'outline', weight: 2,
  motion: 'light', theme: 'dark'
});
button.addEventListener('click', () => handle.play());
// On removal: handle.destroy();
```

More: https://generativeicons.com/icons/quantize/ · https://generativeicons.com/api/icons/quantize