# Titanic
A collection of animated icons + javascript library.
**[Preview all icons](https://rawgit.com/icons8/titanic/master/demo/index.html)**
## Installation
You can install it either via CDN or npm.
### CDN
Insert this string to your HTML head:
```html
```
And initialize it before the body closes:
```html
```
This way, you can add icons anywhere in your HTML using this tag:
```html
```
Where chat can be any of these:
* caps
* chat
* checkbox
* expand
* expensive1
* expensive2
* idea
* mailbox
* mic
* no_microphone
* online
* pause
* quick_mode
* shopping_cart
* smile
* stop
* unlock
* zoom
### Hosting your images
If you'd like to host your images on your server instead of rawgit, pass the base URL with the init() function:
```javascript
titanic.begin('/my/base/directory/');
```
Then, if you have a div with id="chat", Titanic will search for icons in /my/base/directory/chat.json.
## npm
```
npm install titanic-icons --save
```
## API
* ```titanic.isInitialized()``` -- just true/false flag
* ```titanic.items``` -- list of titanic items
* ```titanic.items[index].on(), titanic.items[index].off(), titanic.items[index].play()``` -- play animations of the titanic item by index
* ```titanic.on(token), titanic.off(token), titanic.play(token)``` -- play animations of the titanic item by token (name)
## Example
```html
```
## Credits
JavaScript is basically [bodymovin](https://github.com/bodymovin/bodymovin) plus few lines of my code. It's a solid library with an awesome name. Thank you, guys.
Icons are created by [Margarita Ivanchikova](https://dribbble.com/imargarita) from [Icons8](https://icons8.com/). She has many more awesome animations in her portfolio.
