---
title: "Source rank animated icon"
description: "Source rank animated icon (AI · Knowledge). A source is promoted on the podium. Light: the right column shoots up past the left one while the left sinks, overshoots and settles, and a rank-up chevron flies off its top and fades. Strong: the columns crouch the other way first, then swap harder with two settling swings, and two chevrons fly up in turn. Ends with the right column higher than the left, as in v1."
canonical: https://generativeicons.com/icons/source-rank/
---

# Source rank animated icon

A source is promoted on the podium. Light: the right column shoots up past the left one while the left sinks, overshoots and settles, and a rank-up chevron flies off its top and fades. Strong: the columns crouch the other way first, then swap harder with two settling swings, and two chevrons fly up in turn. Ends with the right column higher than the left, as in v1.

- Id: `source-rank`
- Category: AI · Knowledge
- Search terms: rerank, re-rank, reranker, ranking, relevance, relevance score, search ranking, sort by relevance, top results, best sources, podium
- Two states: prepared to result, 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/source-rank.lottie (dotLottie, 6611 bytes, sha256 e39794bba923afd81aa1a3f0d912ab9d3457812bbe95f29727e3d500a311b51b)
- License: MIT

## Install

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

## React

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

export function SourceRankIcon() {
  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/source-rank.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/source-rank/ · https://generativeicons.com/api/icons/source-rank