---
title: "Repository animated icon"
description: "Repository animated icon (Developer & version control). The repository is opened and leafed through. Light: a page edge flips across from the fore-edge toward the spine, accelerating, and fades into the spine; the bookmark ribbon is swept aside as it passes, swings back past its rest and settles. Strong: three pages riffle across in quick succession, the ribbon is swept further and held aside until the last page passes, then falls back and settles in two swings. The book itself never moves."
canonical: https://generativeicons.com/icons/repository/
---

# Repository animated icon

The repository is opened and leafed through. Light: a page edge flips across from the fore-edge toward the spine, accelerating, and fades into the spine; the bookmark ribbon is swept aside as it passes, swings back past its rest and settles. Strong: three pages riffle across in quick succession, the ribbon is swept further and held aside until the last page passes, then falls back and settles in two swings. The book itself never moves.

- Id: `repository`
- Category: Developer & version control
- Search terms: repo, git repo, codebase, source code, source control, version control, vcs, monorepo, code library, git clone
- 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/repository.lottie (dotLottie, 3979 bytes, sha256 29c31d09e1d1de6b8a8534d6bdf7706305f9c2287f6c75242d6f81ce8ef66c6a)
- License: MIT

## Install

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

## React

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

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