---
title: "Data labeling animated icon"
description: "Data labeling animated icon (Model training & fine-tuning). The label is hung on the selected record. Light: the tag drops nine units down the record's edge to the selected record and stops dead; it hangs from its hook, so it swings on, down and back, and settles. Strong: the tag lifts off its first record, drops harder, swings wider and settles in two swings. The connector stays hooked to the record edge and the tag stays on the selected record."
canonical: https://generativeicons.com/icons/data-labeling/
---

# Data labeling animated icon

The label is hung on the selected record. Light: the tag drops nine units down the record's edge to the selected record and stops dead; it hangs from its hook, so it swings on, down and back, and settles. Strong: the tag lifts off its first record, drops harder, swings wider and settles in two swings. The connector stays hooked to the record edge and the tag stays on the selected record.

- Id: `data-labeling`
- Category: Model training & fine-tuning
- Search terms: data labelling, labelling, annotation, data annotation, annotate, tagging, ground truth, labeled data, labelled data, human annotation, supervised learning, mark up data
- Two states: first-record-tagged to selected-record-tagged, 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/data-labeling.lottie (dotLottie, 7368 bytes, sha256 51fd47ae335ec271e7c51a6b78ed102ef94187cf0a785f671e168898287c93a1)
- License: MIT

## Install

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

## React

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

export function DataLabelingIcon() {
  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/data-labeling.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/data-labeling/ · https://generativeicons.com/api/icons/data-labeling