(https://github.githubassets.com) (https://avatars.githubusercontent.com) (https://github-cloud.s3.amazonaws.com) (https://user-images.githubusercontent.com/) (https://github.githubassets.com) (https://avatars.githubusercontent.com) (https://github.githubassets.com/assets/light-3e154969b9f9.css) (https://github.githubassets.com/assets/dark-9c5b7a476542.css) (https://github.githubassets.com/assets/primer-primitives-fd4f6f126b06.css) (https://github.githubassets.com/assets/primer-3f55af1462e6.css) (https://github.githubassets.com/assets/global-561250c1bd8a.css) (https://github.githubassets.com/assets/github-e4eed26e112b.css) (https://github.githubassets.com/assets/repository-0f7cf89e325a.css) (https://github.githubassets.com/assets/code-14def43eef8d.css) (https://github.githubassets.com/assets/primer-react-css.8570b2718b0a9c0c8387.module.css) (https://github.githubassets.com/assets/notifications-subscriptions-menu.1bcff9205c241e99cff2.module.css) (https://github.githubassets.com/assets/primer-react-css.8570b2718b0a9c0c8387.module.css) (https://github.githubassets.com/assets/notifications-subscriptions-menu.1bcff9205c241e99cff2.module.css) GitHub - ground7/unraid-animated-svgs: Animated SVGs to Help Organize Your Self-Hosted Apps (repo_source) (https://github.githubassets.com/) (/opensearch.xml) (GitHub) (https://github.com/fluidicon.png) (GitHub) (https://github.com/ground7/unraid-animated-svgs) (https://github.githubassets.com/assets/pinned-octocat-093da3e6fa40.svg) (https://github.githubassets.com/favicons/favicon.png) (https://github.githubassets.com/favicons/favicon.svg) (/manifest.json) Skip to content Navigation Menu Toggle navigation (/) (/login?return_to=https%3A%2F%2Fgithub.com%2Fground7%2Funraid-animated-svgs) Sign in Product (https://github.com/features/actions) Actions Automate any workflow (https://github.com/features/packages) Packages Host and manage packages (https://github.com/features/security) Security Find and fix vulnerabilities (https://github.com/features/codespaces) Codespaces Instant dev environments (https://github.com/features/copilot) GitHub Copilot Write better code with AI (https://github.com/features/code-review) Code review Manage code changes (https://github.com/features/issues) Issues Plan and track work (https://github.com/features/discussions) Discussions Collaborate outside of code Explore (https://github.com/features) All features (https://docs.github.com) Documentation (https://skills.github.com) GitHub Skills (https://github.blog) Blog Solutions By size (https://github.com/enterprise) Enterprise (https://github.com/team) Teams (https://github.com/enterprise/startups) Startups By industry (https://github.com/solutions/industries/healthcare) Healthcare (https://github.com/solutions/industries/financial-services) Financial services (https://github.com/solutions/industries/manufacturing) Manufacturing By use case (https://github.com/solutions/ci-cd) CI/CD & Automation (https://github.com/solutions/devops) DevOps (https://github.com/solutions/devsecops) DevSecOps Resources Topics (/resources/articles/ai) AI (/resources/articles/devops) DevOps (/resources/articles/security) Security (/resources/articles/software-development) Software Development (/resources/articles) View all Explore (https://resources.github.com/learn/pathways) Learning Pathways (https://resources.github.com) White papers, Ebooks, Webinars (https://github.com/customer-stories) Customer Stories (https://partner.github.com) Partners Open Source (/sponsors) GitHub Sponsors Fund open source developers (https://github.com/readme) The ReadME Project GitHub community articles Repositories (https://github.com/topics) Topics (https://github.com/trending) Trending (https://github.com/collections) Collections Enterprise (/enterprise) Enterprise platform AI-powered developer platform Available add-ons (https://github.com/enterprise/advanced-security) Advanced Security Enterprise-grade security features (/features/copilot#enterprise) GitHub Copilot Enterprise-grade AI features (/premium-support) Premium Support Enterprise-grade 24/7 support (https://github.com/pricing) Pricing (Search or jump to...) Search or jump to... Search code, repositories, users, issues, pull requests... Search () Clear (https://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax) Search syntax tips Provide feedback (zPKedx1ke/oJzBaum4hy9NhrFZe2rZONaYVfMppUgdFohH/PZZTmPzmjMguc0KUHMCLgQxmSxubD4UcVEPtP8A==) We read every piece of feedback, and take your input very seriously. Include my email address so I can be contacted Cancel Submit feedback Saved searches Use saved searches to filter your results more quickly (59/jXA5HZKdYQSe6MlLy3/KhTesCQYyNPSgYb/Nzz/6QJa28hOtFCxciZPj9jcrfHPFLsrtz73Q/K/Pj858noA==) Name (github-ruby) (HPP0qQBfCuTmflTunx/xkUcfLvD6msg2RCxF4MXmKFDGM+eSObOCKO60OEf3BADZygvWNYFTDy/jKRtwAD7oCg==) Query ((repo:mona/a OR repo:mona/b) AND lang:python) To see all available qualifiers, see our (https://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax) documentation . Cancel Create saved search (/login?return_to=https%3A%2F%2Fgithub.com%2Fground7%2Funraid-animated-svgs) Sign in (/signup?ref_cta=Sign+up&ref_loc=header+logged+out&ref_page=%2F%3Cuser-name%3E%2F%3Crepo-name%3E&source=header-repo&source_repo=ground7%2Funraid-animated-svgs) Sign up Reseting focus You signed in with another tab or window. () Reload to refresh your session. You signed out in another tab or window. () Reload to refresh your session. You switched accounts on another tab or window. () Reload to refresh your session. Dismiss alert (/ground7) ground7 / (/ground7/unraid-animated-svgs) unraid-animated-svgs Public (/login?return_to=%2Fground7%2Funraid-animated-svgs) Notifications You must be signed in to change notification settings (/login?return_to=%2Fground7%2Funraid-animated-svgs) Fork (31) 31 (/login?return_to=%2Fground7%2Funraid-animated-svgs) Star (85) 85 Animated SVGs to Help Organize Your Self-Hosted Apps License (/ground7/unraid-animated-svgs/blob/master/LICENSE) MIT license (/ground7/unraid-animated-svgs/stargazers) 85 stars (/ground7/unraid-animated-svgs/forks) 31 forks (/ground7/unraid-animated-svgs/branches) Branches (/ground7/unraid-animated-svgs/tags) Tags (/ground7/unraid-animated-svgs/activity) Activity (/login?return_to=%2Fground7%2Funraid-animated-svgs) Star (/login?return_to=%2Fground7%2Funraid-animated-svgs) Notifications You must be signed in to change notification settings (/ground7/unraid-animated-svgs) Code (Not available) (/ground7/unraid-animated-svgs/issues) Issues (0) 0 (/ground7/unraid-animated-svgs/pulls) Pull requests (0) 0 (/ground7/unraid-animated-svgs/actions) Actions (Not available) (/ground7/unraid-animated-svgs/projects) Projects (0) 0 (/ground7/unraid-animated-svgs/security) Security (/ground7/unraid-animated-svgs/pulse) Insights (Not available) Additional navigation options (/ground7/unraid-animated-svgs) Code (/ground7/unraid-animated-svgs/issues) Issues (/ground7/unraid-animated-svgs/pulls) Pull requests (/ground7/unraid-animated-svgs/actions) Actions (/ground7/unraid-animated-svgs/projects) Projects (/ground7/unraid-animated-svgs/security) Security (/ground7/unraid-animated-svgs/pulse) Insights ground7/unraid-animated-svgs This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository. (https://github.githubassets.com/assets/primer-react-css.8570b2718b0a9c0c8387.module.css) (https://github.githubassets.com/assets/repos-overview.47b2222c697daf78496d.module.css) master (/ground7/unraid-animated-svgs/branches) 1 Branch (/ground7/unraid-animated-svgs/tags) 4 Tags (/ground7/unraid-animated-svgs/branches) (/ground7/unraid-animated-svgs/tags) (Go to file) () Go to file Code Folders and files Name Name (Last commit message) Last commit message (Last commit date) Last commit date Latest commit (/ground7) (ground7) (/ground7/unraid-animated-svgs/commits?author=ground7) ground7 (/ground7/unraid-animated-svgs/commit/998caafba7ebfac26963053deffc6ca586915847) Update README.md (Jun 24, 2020, 1:44 AM UTC) Jun 24, 2020 (/ground7/unraid-animated-svgs/commit/998caafba7ebfac26963053deffc6ca586915847) 998caaf · (Jun 24, 2020, 1:44 AM UTC) Jun 24, 2020 History (/ground7/unraid-animated-svgs/commits/master/) 64 Commits (/ground7/unraid-animated-svgs/commits/master/) (Always Animate) (/ground7/unraid-animated-svgs/tree/master/Always%20Animate) Always Animate (Always Animate) (/ground7/unraid-animated-svgs/tree/master/Always%20Animate) Always Animate (Create dependencies.svg) (/ground7/unraid-animated-svgs/commit/fa9f7bf5abeb8bd88737241ab27b2cc2314c3fc0) Create dependencies.svg (Jun 8, 2020, 1:17 AM UTC) Jun 8, 2020 (Animate on Hover) (/ground7/unraid-animated-svgs/tree/master/Animate%20on%20Hover) Animate on Hover (Animate on Hover) (/ground7/unraid-animated-svgs/tree/master/Animate%20on%20Hover) Animate on Hover (Create dependencies.svg) (/ground7/unraid-animated-svgs/commit/fa9f7bf5abeb8bd88737241ab27b2cc2314c3fc0) Create dependencies.svg (Jun 8, 2020, 1:17 AM UTC) Jun 8, 2020 (.svgo.yml) (/ground7/unraid-animated-svgs/blob/master/.svgo.yml) .svgo.yml (.svgo.yml) (/ground7/unraid-animated-svgs/blob/master/.svgo.yml) .svgo.yml (Fix for music.svg) (/ground7/unraid-animated-svgs/commit/2ca2f29a6a512915c1524c6f7b6cbed6ca2cb759) Fix for music.svg (Jun 4, 2020, 11:16 PM UTC) Jun 4, 2020 (LICENSE) (/ground7/unraid-animated-svgs/blob/master/LICENSE) LICENSE (LICENSE) (/ground7/unraid-animated-svgs/blob/master/LICENSE) LICENSE (Create LICENSE) (/ground7/unraid-animated-svgs/commit/8e6b5219f1eb5981068a4a3169923d8510a7ae50) Create LICENSE (Jun 5, 2020, 1:20 AM UTC) Jun 5, 2020 (README.md) (/ground7/unraid-animated-svgs/blob/master/README.md) README.md (README.md) (/ground7/unraid-animated-svgs/blob/master/README.md) README.md (Update README.md Update README.md Update README.md Update README.md Update README.md Update README.md) (/ground7/unraid-animated-svgs/commit/998caafba7ebfac26963053deffc6ca586915847) Update README.md (Jun 24, 2020, 1:44 AM UTC) Jun 24, 2020 View all files Repository files navigation README MIT license Animated Docker Folder Icons for Unraid (/ground7/unraid-animated-svgs/blob/master/LICENSE) (License) (https://github.com/ground7/unraid-animated-svgs/releases/tag/v1.0.0) (Downloads) 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 (https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/audio.svg) (https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/backup.svg) (https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/binoculars.svg) (https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/code.svg) (https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/database.svg) (https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/eye.svg) (https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/home-wifi.svg) (https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/multimedia-alternate.svg) (https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/vpn.svg) (https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/world.svg) (https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/control.svg) (https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/multimedia.svg) (https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/music.svg) (https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/nzb.svg) (https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/pirate.svg) (https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/search.svg) (https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/security.svg) (https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/settings.svg) (https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/ship.svg) (https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/torrent.svg) (https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/cloud.svg) (https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/dash.svg) (https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/dependencies.svg) (https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/downloads.svg) (https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/gaming.svg) (https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/grafana.svg) (https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/home-automation.svg) (https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/network.svg) (https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/plex.svg) (https://github.com/ground7/unraid-animated-svgs/blob/master/Always%20Animate/productivity.svg) How to Tweak To change a color look for fill="####" (fill="####") and switch the number to the desired 6-digit RGB hex code. For more complicated tweaks that don't affect the animation, I suggest using (https://github.com/inkscape/inkscape) inkscape . Be careful to not change the groupings or the animation will break. Inkscape will add a lot of useless metadata to the svg after saving. If you'd like to clean it up, I suggest using (https://github.com/Shtian/vscode-svgocd) svgocd with (https://github.com/ground7/unraid-animated-svgs/blob/master/.svgo.yml) this yaml . Requests I am currently taking requests for icons to be animated. If you'd like me to animate an svg icon fill out the following issue template. Issue Template: Folder Category: Animation Suggestion: File: (Folder Category: Animation Suggestion: File: ) 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. 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 (https://leungwensen.github.io/svg-icon/) this one . (https://github.com/hernandito) Hernandito is also taking requests on the (https://forums.unraid.net/topic/92824-icon-collections-for-docker-folder-plugin/) Unraid forum . Credits Thank you (https://github.com/hernandito) Hernandito for creating initial svgs for me to work off of. You can check out his color variations of this icon set (https://github.com/hernandito/unRAID-Docker-Folder-Animated-Icons---Alternate-Colors) here . Thank you (https://forums.unraid.net/profile/80260-guilddarts/) GuildDarts for your work on the Unraid Docker Folders plug-in which inspired all this work. (YYhcXWptaik+BeXHz+kvuPHQucxCc0GWXgqwIfsU5ag6OjvojxwOF5abTECGvKhV+zaPHMv9+1trLzDNb/OUIQ==) About Animated SVGs to Help Organize Your Self-Hosted Apps Topics (/topics/css) (Topic: css) css (/topics/svg) (Topic: svg) svg (/topics/icons) (Topic: icons) icons (/topics/unraid) (Topic: unraid) unraid (/topics/animated) (Topic: animated) animated Resources Readme License MIT license (/ground7/unraid-animated-svgs/activity) Activity Stars (/ground7/unraid-animated-svgs/stargazers) 85 stars Watchers (/ground7/unraid-animated-svgs/watchers) 4 watching Forks (/ground7/unraid-animated-svgs/forks) 31 forks (/contact/report-content?content_url=https%3A%2F%2Fgithub.com%2Fground7%2Funraid-animated-svgs&report=ground7+%28user%29) Report repository (/ground7/unraid-animated-svgs/releases) Releases (4) 4 (/ground7/unraid-animated-svgs/releases/tag/v1.0.0) v1.0.0 (Label: Latest) Latest (Jun 8, 2020, 2:13 AM UTC) Jun 8, 2020 (/ground7/unraid-animated-svgs/releases) + 3 releases (/users/ground7/packages?repo_name=unraid-animated-svgs) Packages (0) 0 No packages published Footer (GitHub) (https://github.com) © 2024 GitHub, Inc. Footer navigation (https://docs.github.com/site-policy/github-terms/github-terms-of-service) Terms (https://docs.github.com/site-policy/privacy-policies/github-privacy-statement) Privacy (https://github.com/security) Security (https://www.githubstatus.com/) Status (https://docs.github.com/) Docs (https://support.github.com?tags=dotcom-footer) Contact Manage cookies Do not share my personal information You can’t perform that action at this time.