---
title: "Sponsor animated icon"
description: "Sponsor animated icon (Events & tickets). The sponsor's banner is unveiled. Light: the banner snaps up into a roll under its rod and unfurls down again, catching with a small stretch and settling, and the sponsor's star pops back onto the cloth a beat later. Strong: a quicker snap and a harder unfurl that stretches and bounces twice, the rod and banner jolt down together as the cloth catches, and the star twists in as it pops. The rod stays rigid."
canonical: https://generativeicons.com/icons/sponsor/
---

# Sponsor animated icon

The sponsor's banner is unveiled. Light: the banner snaps up into a roll under its rod and unfurls down again, catching with a small stretch and settling, and the sponsor's star pops back onto the cloth a beat later. Strong: a quicker snap and a harder unfurl that stretches and bounces twice, the rod and banner jolt down together as the cloth catches, and the star twists in as it pops. The rod stays rigid.

- Id: `sponsor`
- Category: Events & tickets
- Search terms: sponsorship, sponsored, partner, partners, brand partner, backer, patron, supporter, banner, advertiser, ad, promoted
- 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/sponsor.lottie (dotLottie, 7751 bytes, sha256 a264ad617933e2064ccd0f81d1336eb32ed9f2e411a75d89356d48173d994b1a)
- License: MIT

## Install

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

## React

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

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