# PokéAPI SVG and GIF Sprites <a href="https://pokeapi.co/api/v2/pokemon/smeargle"><img src='https://unpkg.com/pokeapi-sprites@2.0.4/sprites/pokemon/other/dream-world/235.svg' height=50px/></a>

[![NPM version][npm-image]][npm-url]

_This project is a fork of https://github.com/PokeAPI/sprites 
to publish SVG and GIF on [npmjs.org](https://npmjs.org) and [unpkg.com](https://unpkg.com) CDN_

https://unpkg.com/pokeapi-sprites@2.0.4/sprites/pokemon/other/dream-world/87.svg

Sample of use : [PokéAPI Explorer][PokeApi-explorer-url]:
[![PokéAPI Explorer][PokeApi-explorer-image]][PokeApi-explorer-url]



<hr/>

_Original project README_
# PokéAPI Sprites <a href="https://pokeapi.co/api/v2/pokemon/smeargle"><img src='https://veekun.com/dex/media/pokemon/global-link/235.png' height=50px/></a>


To save load on PokéAPI, we host all the sprite images here.
If you want to use all the sprites in your application, you can just download the entire contents directly.

## Install

### Git

```sh
git clone https://github.com/PokeAPI/sprites.git
```

### Npm

```sh
npm install --save github:PokeAPI/sprites
```

### Bower

```sh
bower install --save PokeAPI/sprites
```

## Sprites

The sprites are divided in the different subfolders you can see below. 

```
sprites
\- pokemon
    \- other
        \- dream world (SVGs)
        \- official artwork (PNGs)
    \- versions
        \- generation i
            \- red and blue (PNGs with back, gray, transparent, back-gray variants)
            \- yellow (PNGs with back, gbc, gray, transparent, back-gbc, back-gray, back-transparent variants)
        \- generation ii
            \- crystal (PNGs with back, shiny, back-shiny, transparent, transparent-shiny, back-transparent, back-transparent-shiny variants)
            \- gold (PNGs with back, shiny, transparent, back-shiny variants)
            \- silver (PNGs with back, shiny, transparent, back-shiny variants)
        \- generation iii
            \- emerald (PNGs with shiny variants)
            \- fire red and leaf green (PNGs with back, shiny, back-shiny variants)
            \- ruby and sapphire (PNGs with back, shiny, back-shiny variants)
        \- generation iv
            \- diamond and pearl (PNGs with back, female, shiny, back-female, back-shiny, shiny-female variants)
            \- heart gold and soul silver (PNGs with back, female, shiny, back-female, back-shiny, shiny-female variants)
            \- platinum (PNGs with back, female, shiny, back-female, back-shiny, shiny-female variants)
        \- generation v
            \- black and white (PNGs with back, female, shiny, back-female, back-shiny, shiny-female, animated variants)
        \- generation vi
            \- omega ruby and alpha sapphire (PNGs with female, shiny, shiny-female variants)
            \- x and y (PNGs with female, shiny, shiny-female variants)
        \- generation vii
            \- ultra sun and ultra moon (PNGs with female, shiny, shiny-female variants)
            \- icons (PNGs)
        \- generation viii
            \- icons (PNGs with female variants)
    \- default PokeAPI sprites (PNGs with back, female, shiny, back-female, back-shiny, shiny-female variants)
\- items
    \- default PokeAPI items (PNGs)
```

> All the following images are embedded at a maximum 100x100px size. All the smaller ones preserve their size while the bigger ones are embedded at 100x100px. 

### `pokemon`

#### `other`

##### `dream-world`

| Front |
| --- |
| SVG |
| <img src="sprites/pokemon/other/dream-world/25.svg" width="100"/> |

##### `home`

| Front |
| --- |
| PNG<br>_512x512_ |
| <img src="sprites/pokemon/other/home/25.png" width="100"/> |

##### `official-artwork`

| Front |
| --- |
| PNG<br>_475x475_ |
| <img src="sprites/pokemon/other/official-artwork/25.png" width="100"/> |

#### `versions`

##### `generation i`

###### `red-blue`

| Front | Back | Front gray | Front transparent | Back gray |
| --- | --- | --- | --- | --- |
| PNG<br>_40x40_, _48x48_, _56x56_ | PNG<br>_32x32_ | PNG<br>_40x40_, _48x48_, _56x56_ | PNG<br>_96x96_ | PNG<br>_32x32_ |
| <img src="sprites/pokemon/versions/generation-i/red-blue/25.png" width="40"/> | <img src="sprites/pokemon/versions/generation-i/red-blue/back/25.png" width="32"/> | <img src="sprites/pokemon/versions/generation-i/red-blue/gray/25.png" width="40"/> | <img src="sprites/pokemon/versions/generation-i/red-blue/transparent/25.png" width="96"/> | <img src="sprites/pokemon/versions/generation-i/red-blue/back/gray/25.png" width="32"/> |

###### `yellow`

| Front | Back | Front gbc | Front gray | Front transparent | Back gray | Back gbc | Back transparent |
| --- | --- | --- | --- | --- | --- | --- | --- |
| PNG<br>_40x40_, _48x48_, _56x56_ | PNG<br>_32x32_ | PNG<br>_40x40_, _48x48_, _56x56_ | PNG<br>_40x40_, _48x48_, _56x56_ | PNG<br>_96x96_ | PNG<br>_32x32_ | PNG<br>_32x32_ | PNG<br>_96x96_ |
| <img src="sprites/pokemon/versions/generation-i/yellow/25.png" width="40"/> | <img src="sprites/pokemon/versions/generation-i/yellow/back/25.png" width="32"/> | <img src="sprites/pokemon/versions/generation-i/yellow/gbc/25.png" width="32"/> | <img src="sprites/pokemon/versions/generation-i/yellow/gray/25.png" width="40"/> | <img src="sprites/pokemon/versions/generation-i/yellow/transparent/25.png" width="96"/> | <img src="sprites/pokemon/versions/generation-i/yellow/back/gray/25.png" width="32"/> | <img src="sprites/pokemon/versions/generation-i/yellow/back/gbc/25.png" width="32"/> | <img src="sprites/pokemon/versions/generation-i/yellow/transparent/back/25.png" width="96"/> |


##### `generation ii`

###### `crystal`

| Front | Back | Front shiny | Back shiny | Front transparent | Back transparent | Front shiny transparent | Back shiny transparent |
| --- | --- | --- | --- | --- | --- | --- | --- |
| PNG<br>_40x40_, _48x48_, _56x56_ | PNG<br>_40x40_ | PNG<br>_40x40_, _48x48_, _56x56_ | PNG<br>_40x40_ | PNG<br>_96x96_ | PNG<br>_96x96_ | PNG<br>_96x96_ | PNG<br>_96x96_ |
| <img src="sprites/pokemon/versions/generation-ii/crystal/25.png" width="40"/> | <img src="sprites/pokemon/versions/generation-ii/crystal/back/25.png" width="40"/> | <img src="sprites/pokemon/versions/generation-ii/crystal/shiny/25.png" width="40"/> | <img src="sprites/pokemon/versions/generation-ii/crystal/back/shiny/25.png" width="40"/> | <img src="sprites/pokemon/versions/generation-ii/crystal/transparent/25.png" width="96"/> | <img src="sprites/pokemon/versions/generation-ii/crystal/transparent/back/25.png" width="96"/> | <img src="sprites/pokemon/versions/generation-ii/crystal/transparent/shiny/25.png" width="96"/> | <img src="sprites/pokemon/versions/generation-ii/crystal/transparent/back/shiny/25.png" width="96"/> |

###### `gold`

| Front | Back | Front shiny | Front transparent | Back shiny |
| --- | --- | --- | --- | --- |
| PNG<br>_40x40_, _48x48_, _56x56_ | PNG<br>_40x40_ | PNG<br>_40x40_, _48x48_, _56x56_ | PNG<br>_107x107, 80x80_ | PNG<br>_40x40_ |
| <img src="sprites/pokemon/versions/generation-ii/gold/25.png" width="40"/> | <img src="sprites/pokemon/versions/generation-ii/gold/back/25.png" width="40"/> | <img src="sprites/pokemon/versions/generation-ii/gold/shiny/25.png" width="40"/> | <img src="sprites/pokemon/versions/generation-ii/gold/transparent/25.png" width="80"/> | <img src="sprites/pokemon/versions/generation-ii/gold/back/shiny/25.png" width="40"/> |

###### `silver`

| Front | Back | Front shiny | Front transparent | Back shiny |
| --- | --- | --- | --- | --- |
| PNG<br>_40x40_, _48x48_, _56x56_ | PNG<br>_40x40_ | PNG<br>_40x40_, _48x48_, _56x56_ | PNG<br>_107x107, 80x80_ | PNG<br>_40x40_ |
| <img src="sprites/pokemon/versions/generation-ii/silver/25.png" width="40"/> | <img src="sprites/pokemon/versions/generation-ii/silver/back/25.png" width="40"/> | <img src="sprites/pokemon/versions/generation-ii/silver/shiny/25.png" width="40"/> | <img src="sprites/pokemon/versions/generation-ii/silver/transparent/25.png" width="80"/> | <img src="sprites/pokemon/versions/generation-ii/silver/back/shiny/25.png" width="40"/> |

##### `generation iii`

###### `emerald`

| Front | Front shiny |
| --- | --- |
| PNG<br>_64x64_ | PNG<br>_64x64_ |
| <img src="sprites/pokemon/versions/generation-iii/emerald/25.png" width="64"/> | <img src="sprites/pokemon/versions/generation-iii/emerald/shiny/25.png" width="64"/> |

###### `fire red and leaf green`

| Front | Back | Front shiny | Back shiny |
| --- | --- | --- | --- |
| PNG<br>_64x64_ | PNG<br>_64x64_ | PNG<br>_64x64_ | PNG<br>_64x64_ |
| <img src="sprites/pokemon/versions/generation-iii/firered-leafgreen/25.png" width="64"/> | <img src="sprites/pokemon/versions/generation-iii/firered-leafgreen/back/25.png" width="64"/> | <img src="sprites/pokemon/versions/generation-iii/firered-leafgreen/shiny/25.png" width="64"/> | <img src="sprites/pokemon/versions/generation-iii/firered-leafgreen/back/shiny/25.png" width="64"/> |

###### `ruby and sapphire`

| Front | Back | Front shiny | Back shiny |
| --- | --- | --- | --- |
| PNG<br>_64x64_ | PNG<br>_64x64_ | PNG<br>_64x64_ | PNG<br>_64x64_ |
| <img src="sprites/pokemon/versions/generation-iii/ruby-sapphire/25.png" width="64"/> | <img src="sprites/pokemon/versions/generation-iii/ruby-sapphire/back/25.png" width="64"/> | <img src="sprites/pokemon/versions/generation-iii/ruby-sapphire/shiny/25.png" width="64"/> | <img src="sprites/pokemon/versions/generation-iii/ruby-sapphire/back/shiny/25.png" width="64"/> |

##### `generation iv`

###### `diamond and pearl`

| Front | Back | Front female | Front shiny | Back female | Back shiny | Shiny female |
| --- | --- | --- | --- | --- | --- | --- |
| PNG<br>_80x80_ | PNG<br>_80x80_ | PNG<br>_80x80_ | PNG<br>_80x80_ | PNG<br>_80x80_ | PNG<br>_80x80_ | PNG<br>_80x80_ |
| <img src="sprites/pokemon/versions/generation-iv/diamond-pearl/25.png" width="80"/> | <img src="sprites/pokemon/versions/generation-iv/diamond-pearl/back/25.png" width="80"/> | <img src="sprites/pokemon/versions/generation-iv/diamond-pearl/female/25.png" width="80"/> | <img src="sprites/pokemon/versions/generation-iv/diamond-pearl/shiny/25.png" width="80"/> | <img src="sprites/pokemon/versions/generation-iv/diamond-pearl/back/female/25.png" width="80"/> | <img src="sprites/pokemon/versions/generation-iv/diamond-pearl/back/shiny/25.png" width="80"/> | <img src="sprites/pokemon/versions/generation-iv/diamond-pearl/shiny/female/25.png" width="80"/> |

###### `heart gold and soul silver`

| Front | Back | Front female | Front shiny | Back female | Back shiny | Shiny female |
| --- | --- | --- | --- | --- | --- | --- |
| PNG<br>_80x80_ | PNG<br>_80x80_ | PNG<br>_80x80_ | PNG<br>_80x80_ | PNG<br>_80x80_ | PNG<br>_80x80_ | PNG<br>_80x80_ |
| <img src="sprites/pokemon/versions/generation-iv/heartgold-soulsilver/25.png" width="80"/> | <img src="sprites/pokemon/versions/generation-iv/heartgold-soulsilver/back/25.png" width="80"/> | <img src="sprites/pokemon/versions/generation-iv/heartgold-soulsilver/female/25.png" width="80"/> | <img src="sprites/pokemon/versions/generation-iv/heartgold-soulsilver/shiny/25.png" width="80"/> | <img src="sprites/pokemon/versions/generation-iv/heartgold-soulsilver/back/female/25.png" width="80"/> | <img src="sprites/pokemon/versions/generation-iv/heartgold-soulsilver/back/shiny/25.png" width="80"/> | <img src="sprites/pokemon/versions/generation-iv/heartgold-soulsilver/shiny/female/25.png" width="80"/> |

###### `platinum`

| Front | Back | Front female | Front shiny | Back female | Back shiny | Shiny female |
| --- | --- | --- | --- | --- | --- | --- |
| PNG<br>_80x80_ | PNG<br>_80x80_ | PNG<br>_80x80_ | PNG<br>_80x80_ | PNG<br>_80x80_ | PNG<br>_80x80_ | PNG<br>_80x80_ |
| <img src="sprites/pokemon/versions/generation-iv/platinum/25.png" width="80"/> | <img src="sprites/pokemon/versions/generation-iv/platinum/back/25.png" width="80"/> | <img src="sprites/pokemon/versions/generation-iv/platinum/female/25.png" width="80"/> | <img src="sprites/pokemon/versions/generation-iv/platinum/shiny/25.png" width="80"/> | <img src="sprites/pokemon/versions/generation-iv/platinum/back/female/25.png" width="80"/> | <img src="sprites/pokemon/versions/generation-iv/platinum/back/shiny/25.png" width="80"/> | <img src="sprites/pokemon/versions/generation-iv/platinum/shiny/female/25.png" width="80"/> |

##### `generation v`

###### `black and white`

This folder contains the official B&W sprites on top of custom sprites designed by the [Smogon community](https://www.smogon.com/)

- The sprites with IDs greater than 650 are thus not official. You can find the source of these sprites at this [Smogon thread](https://www.smogon.com/forums/threads/sword-shield-sprite-project.3647722/) and also at this [Google Sheet](https://docs.google.com/spreadsheets/d/1acgzAjh0dnFRQnjZu8kSjS177rKCzpFfEHRLtwuuXRU/edit#gid=0). We thank leParagon, Blaquaza, TheAetherPlayer, G.E.Z., KingOfThe-X-Roads, Spook, Cynda, Involuntary Twitch, mjco, Z-nogyroP, PumpkinPastel, RadicalCharizard, HM100, N-Kin, Zerudez, MyMarshlands, Wobblebuns, princessofmusic, aXl, fishbowlsoul90, HealnDeal, Espeon Scientist, AMVictory, Mega-Pokebattlerz, Layell, GeoisEvil, Quanyails, RedRooster, Wyverii, Basic Vanillite, Larryturbo, TheCynicalPoet, Arkeis, paintseagull, Branflakes325, Siiilver, Noscium, Sleet, Zermonious, Bynine, Corson, Legitimate Username, TrainerSplash, Farriella, MrDollSteak, TeraVolt, Dleep, WPS and Brylark. who are the spriters that created these custom B&W sprites.

| Front | Back | Front female | Front shiny | Back female | Back shiny | Shiny female |
| --- | --- | --- | --- | --- | --- | --- |
| PNG<br>_96x96_ | PNG<br>_96x96_ | PNG<br>_96x96_ | PNG<br>_96x96_ | PNG<br>_96x96_ | PNG<br>_96x96_ | PNG<br>_96x96_ |
| <img src="sprites/pokemon/versions/generation-v/black-white/25.png" width="96"/> | <img src="sprites/pokemon/versions/generation-v/black-white/back/25.png" width="96"/> | <img src="sprites/pokemon/versions/generation-v/black-white/female/25.png" width="96"/> | <img src="sprites/pokemon/versions/generation-v/black-white/shiny/25.png" width="96"/> | <img src="sprites/pokemon/versions/generation-v/black-white/back/female/25.png" width="96"/> | <img src="sprites/pokemon/versions/generation-v/black-white/back/shiny/25.png" width="96"/> | <img src="sprites/pokemon/versions/generation-v/black-white/shiny/female/25.png" width="96"/> |

Animated

| Front  | Back | Front female | Front shiny | Back female | Back shiny | Shiny female |
| --- | --- | --- | --- | --- | --- | --- |
| GIF<br>_varies_ | GIF<br>_varies_ | GIF<br>_varies_ | GIF<br>_varies_ | GIF<br>_varies_ | GIF<br>_varies_ | GIF<br>_varies_ |
| <img src="sprites/pokemon/versions/generation-v/black-white/animated/25.gif"/> | <img src="sprites/pokemon/versions/generation-v/black-white/animated/back/25.gif"/> | <img src="sprites/pokemon/versions/generation-v/black-white/animated/female/25.gif"/> | <img src="sprites/pokemon/versions/generation-v/black-white/animated/shiny/25.gif"/> | <img src="sprites/pokemon/versions/generation-v/black-white/animated/back/female/25.gif"/> | <img src="sprites/pokemon/versions/generation-v/black-white/animated/back/shiny/25.gif"/> | <img src="sprites/pokemon/versions/generation-v/black-white/animated/shiny/female/25.gif"/> |


##### `generation vi`

###### `omega ruby and alpha sapphire`

| Front | Front female | Front shiny | Shiny female |
| --- | --- | --- | --- |
| PNG<br>_120x120_ | PNG<br>_120x120_ | PNG<br>_120x120_ | PNG<br>_120x120_ |
| <img src="sprites/pokemon/versions/generation-vi/omegaruby-alphasapphire/25.png" width="100"/> | <img src="sprites/pokemon/versions/generation-vi/omegaruby-alphasapphire/female/25.png" width="100"/> | <img src="sprites/pokemon/versions/generation-vi/omegaruby-alphasapphire/shiny/25.png" width="100"/> | <img src="sprites/pokemon/versions/generation-vi/omegaruby-alphasapphire/shiny/female/25.png" width="100"/> |

###### `x and y`

| Front | Front female | Front shiny | Shiny female |
| --- | --- | --- | --- |
| PNG<br>_varies_ | PNG<br>_varies_ | PNG<br>_varies_ | PNG<br>_varies_ |
| <img src="sprites/pokemon/versions/generation-vi/x-y/25.png"/> | <img src="sprites/pokemon/versions/generation-vi/x-y/female/25.png"/> | <img src="sprites/pokemon/versions/generation-vi/x-y/shiny/25.png"/> | <img src="sprites/pokemon/versions/generation-vi/x-y/shiny/female/25.png"/> |

##### `generation vii`

###### `ultra sun and ultra moon`

| Front | Front female | Front shiny | Shiny female |
| --- | --- | --- | --- |
| PNG<br>_128x128_ | PNG<br>_128x128_ | PNG<br>_128x128_ | PNG<br>_128x128_ |
| <img src="sprites/pokemon/versions/generation-vii/ultra-sun-ultra-moon/25.png" width="100"/> | <img src="sprites/pokemon/versions/generation-vii/ultra-sun-ultra-moon/female/25.png" width="100"/> | <img src="sprites/pokemon/versions/generation-vii/ultra-sun-ultra-moon/shiny/25.png" width="100"/> | <img src="sprites/pokemon/versions/generation-vii/ultra-sun-ultra-moon/shiny/female/25.png" width="100"/> |

###### `icons`

| Front |
| --- |
| PNG<br>_40x30_ |
| <img src="sprites/pokemon/versions/generation-vii/icons/25.png" width="40"/> |

##### `generation viii`

###### `icons`

| Front |  Front female |
| --- | --- |
| PNG<br>_68x56_ | PNG<br>_68x56_ |
| <img src="sprites/pokemon/versions/generation-viii/icons/25.png" width="68"/> | <img src="sprites/pokemon/versions/generation-viii/icons/female/25.png" width="68"/> |

### `items`

| Front |
| --- |
| PNG<br>_30x30_, _24x24_ |
| <img src="sprites/items/ability-capsule.png" width="30"/> |

## Thanks

We would like to thank the [Smogon community](https://www.smogon.com/) for allowing us to use and serve their custom B&W-style sprites for the Pokemon with IDs greater than 650. Check out their free and open-source Pokemon Battle Simulator at [Pokémon Showdown](https://github.com/smogon/pokemon-showdown)

[npm-image]:      https://img.shields.io/npm/v/pokeapi-sprites.svg
[npm-url]:        https://npmjs.org/package/pokeapi-sprites
[PokeApi-explorer-image]: https://unpkg.com/css-chain-test@1.0.8/src/PokeApi-Explorer.png
[PokeApi-explorer-url]: https://unpkg.com/css-chain-test@1.0.8/src/PokeApi-Explorer.html
