TheCloneArmy/unraid-animated-svgs
1
0
Fork 1
mirror of https://github.com/ground7/unraid-animated-svgs.git synced 2025-10-27 03:11:08 -04:00
Code Issues Packages Projects Releases Wiki Activity

Update README.md

Browse Source 
Update README.md
Update README.md
Update README.md
Update README.md
Update README.md
This commit is contained in:
ground7
2020-06-23 18:43:44 -07:00
parent 28bec4913b
commit 998caafba7
1 changed files with 36 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
README.md
View File

@ -1,40 +1,42 @@
# Animated Docker Folder Icons for Unraid # Animated Docker Folder Icons for Unraid
[![License](https://img.shields.io/github/license/ground7/unraid-animated-svgs)](./LICENSE.md) [![License](https://img.shields.io/github/license/ground7/unraid-animated-svgs)](./LICENSE)
![Downloads](https://img.shields.io/github/downloads/ground7/unraid-animated-svgs/total.svg) [![Downloads](https://img.shields.io/github/downloads/ground7/unraid-animated-svgs/total.svg)](https://github.com/ground7/unraid-animated-svgs/releases/tag/v1.0.0)
**Please Note** that only the always-animate variant works with the docker folder plugin as of the most recent release. I'll be leaving animate-on-hover up in case anyone wants to use them in another application where hovering works as intended. **Please Note** that only the always-animate variant works with the docker folder plugin as of the most recent release. I'll be leaving animate-on-hover up in case anyone wants to use them in another application where hovering works as intended.
## Collection ## Collection
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/audio.svg" width="85" height="85">]() [<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/audio.svg" width="75" height="75">](https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/audio.svg)
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/backup.svg" width="85" height="85">]() [<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/backup.svg" width="75" height="75">](https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/backup.svg)
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/binoculars.svg" width="85" height="85">]() [<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/binoculars.svg" width="75" height="75">](https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/binoculars.svg)
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/code.svg" width="85" height="85">]() [<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/code.svg" width="75" height="75">](https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/code.svg)
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/database.svg" width="85" height="85">]() [<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/database.svg" width="75" height="75">](https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/database.svg)
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/eye.svg" width="85" height="85">]() [<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/eye.svg" width="75" height="75">](https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/eye.svg)
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/home-wifi.svg" width="85" height="85">]() [<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/home-wifi.svg" width="75" height="75">](https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/home-wifi.svg)
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/multimedia-alternate.svg" width="85" height="85">]() [<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/multimedia-alternate.svg" width="75" height="75">](https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/multimedia-alternate.svg)
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/vpn.svg" width="85" height="85">]() [<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/vpn.svg" width="75" height="75">](https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/vpn.svg)
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/world.svg" width="85" height="85">]() [<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/world.svg" width="75" height="75">](https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/world.svg)
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/control.svg" width="85" height="85">]()
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/multimedia.svg" width="85" height="85">]() [<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/control.svg" width="75" height="75">](https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/control.svg)
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/music.svg" width="85" height="85">]() [<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/multimedia.svg" width="75" height="75">](https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/multimedia.svg)
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/nzb.svg" width="85" height="85">]() [<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/music.svg" width="75" height="75">](https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/music.svg)
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/pirate.svg" width="85" height="85">]() [<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/nzb.svg" width="75" height="75">](https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/nzb.svg)
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/search.svg" width="85" height="85">]() [<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/pirate.svg" width="75" height="75">](https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/pirate.svg)
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/security.svg" width="85" height="85">]() [<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/search.svg" width="75" height="75">](https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/search.svg)
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/settings.svg" width="85" height="85">]() [<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/security.svg" width="75" height="75">](https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/security.svg)
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/ship.svg" width="85" height="85">]() [<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/settings.svg" width="75" height="75">](https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/settings.svg)
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/torrent.svg" width="85" height="85">]() [<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/ship.svg" width="75" height="75">](https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/ship.svg)
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/cloud.svg" width="85" height="85">]() [<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/torrent.svg" width="75" height="75">](https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/torrent.svg)
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/dash.svg" width="85" height="85">]()
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/dependencies.svg" width="85" height="85">]() [<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/cloud.svg" width="75" height="75">](https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/cloud.svg)
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/downloads.svg" width="85" height="85">]() [<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/dash.svg" width="75" height="75">](https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/dash.svg)
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/gaming.svg" width="85" height="85">]() [<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/dependencies.svg" width="75" height="75">](https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/dependencies.svg)
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/grafana.svg" width="85" height="85">]() [<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/downloads.svg" width="75" height="75">](https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/downloads.svg)
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/home-automation.svg" width="85" height="85">]() [<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/gaming.svg" width="75" height="75">](https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/gaming.svg)
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/network.svg" width="85" height="85">]() [<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/grafana.svg" width="75" height="75">](https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/grafana.svg)
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/plex.svg" width="85" height="85">]() [<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/home-automation.svg" width="75" height="75">](https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/home-automation.svg)
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/productivity.svg" width="85" height="85">]() [<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/network.svg" width="75" height="75">](https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/network.svg)
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/plex.svg" width="75" height="75">](https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/plex.svg)
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/productivity.svg" width="75" height="75">](https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/productivity.svg)
## How to Tweak ## How to Tweak
To change a color look for To change a color look for
@ -58,8 +60,8 @@ File: <attach a zip file with the svg>
### Additional Notes ### Additional Notes
Please check if there's already a satisfactory icon covering the category. If you don't like it, you can still suggest another one. Please check if there's already a satisfactory icon covering the category. If you don't like it, you can still suggest another one.
In addition, I'm only animating svgs with css. Making them from scratch can be a decent amount of work too, so please make the actual svg yourself. Make sure to layer the svg appropriately if the animation requires it. Svgs can be created pretty easily with the free tool inkscape, and they are often an export option on image editors. Some websites can convert to them as well with varying degrees of success. [Hernadito](https://github.com/hernandito) is also taking requests on the [Unraid forum](https://forums.unraid.net/topic/92824-icon-collections-for-docker-folder-plugin/). In addition, I'm only animating svgs with css. Making them from scratch can be a decent amount of work too, so please make the actual svg yourself. Make sure to layer the svg appropriately if the animation requires it. Svgs can be created pretty easily with the free tool inkscape, and they are often an export option on image editors. Some websites can convert to them as well with varying degrees of success. There's also several large collections online like [this one](https://leungwensen.github.io/svg-icon/). [Hernandito](https://github.com/hernandito) is also taking requests on the [Unraid forum](https://forums.unraid.net/topic/92824-icon-collections-for-docker-folder-plugin/).
## Credits ## Credits
- Thank you [Hernadito](https://github.com/hernandito) for creating initial svgs for me to work off of. You can check out his color variations of this icon set [here](https://github.com/hernandito/unRAID-Docker-Folder-Animated-Icons---Alternate-Colors). - Thank you [Hernandito](https://github.com/hernandito) for creating initial svgs for me to work off of. You can check out his color variations of this icon set [here](https://github.com/hernandito/unRAID-Docker-Folder-Animated-Icons---Alternate-Colors).
- Thank you [GuildDarts](https://forums.unraid.net/profile/80260-guilddarts/) for your work on the Unraid Docker Folders plug-in which inspired all this work. - Thank you [GuildDarts](https://forums.unraid.net/profile/80260-guilddarts/) for your work on the Unraid Docker Folders plug-in which inspired all this work.