---
title: "Top P animated icon"
description: "Top P animated icon (Models & providers). Set the nucleus cutoff. Light: the cutoff marker is pulled out along the tail of the distribution, snaps back to its threshold with a hit, and the nucleus it keeps (the area under the curve up to the cutoff) lights up and fades. Strong: the marker is pulled further down the tail, snaps back, knocks twice, and the nucleus lights up twice with the knocks. The marker's top stays on the density curve throughout (a morph between two points on the curve; between them the chord is within 0.2 of the curve)."
canonical: https://generativeicons.com/icons/top-p/
---

# Top P animated icon

Set the nucleus cutoff. Light: the cutoff marker is pulled out along the tail of the distribution, snaps back to its threshold with a hit, and the nucleus it keeps (the area under the curve up to the cutoff) lights up and fades. Strong: the marker is pulled further down the tail, snaps back, knocks twice, and the nucleus lights up twice with the knocks. The marker's top stays on the density curve throughout (a morph between two points on the curve; between them the chord is within 0.2 of the curve).

- Id: `top-p`
- Category: Models & providers
- Search terms: topp, nucleus sampling, probability cutoff, cumulative probability, probability mass, token sampling, sampling cutoff, top k, distribution curve, threshold
- One action, back to rest
- 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/top-p.lottie (dotLottie, 3191 bytes, sha256 050e21e625171054e1864f7b3aa69f6512013d5d7029dd8239d7d7a67a6025f5)
- License: MIT

## Install

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

## React

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

export function TopPIcon() {
  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/top-p.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/top-p/ · https://generativeicons.com/api/icons/top-p