---
title: "Nearby share animated icon"
description: "Nearby share animated icon (Files & transfers). A file is shared with nearby devices over the air. Light: the sheet dips to load, then the signal arcs above it pulse out one after the other, inner then outer, each swelling past its place and settling, while the sheet springs back up. Strong: two pulses, the second bigger, and the sheet lifts higher as it sends."
canonical: https://generativeicons.com/icons/nearby-share/
---

# Nearby share animated icon

A file is shared with nearby devices over the air. Light: the sheet dips to load, then the signal arcs above it pulse out one after the other, inner then outer, each swelling past its place and settling, while the sheet springs back up. Strong: two pulses, the second bigger, and the sheet lifts higher as it sends.

- Id: `nearby-share`
- Category: Files & transfers
- Search terms: airdrop, quick share, wireless transfer, wireless sharing, proximity share, peer to peer, p2p transfer, wifi direct, local transfer, send nearby
- 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/nearby-share.lottie (dotLottie, 4363 bytes, sha256 dfb47fdfa108574aa2f3e4503e2df069e2bfda607678e804ed60d3c085defab1)
- License: MIT

## Install

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

## React

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

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