/Jellyfin-Icons

Change Jellyfin default icons to a different style

Primary LanguageCSS

Jellyfin Icons

Note: Jellyfin Icons is no longer maintained.

Wanna change your jellyfin icons look? If yes, you can use this to easily change your Jellyfin icon look without any modifications to the internl config!!
Note: The material icon pack won't work with JellySkin|Font Awesome Light is been used in JellySkin

To get a preview use JellySkin or go to https://fontawesome.com/search and https://fonts.google.com/icons?selected=Material+Icons

Setup/Installation

  • Go to Dashboard=>General=>Custom CSS (Text area at the end of the page)
  • Choose any of the icon styles from:
    • Outlined
    • Rounded
    • Sharp
  • Add following CSS fro your selected icon style
    • Outline - @import url("https://cdn.jsdelivr.net/gh/prayag17/Jellyfin-Icons/Outline.css");
    • Rounded - @import url("https://cdn.jsdelivr.net/gh/prayag17/Jellyfin-Icons/round.css");
    • Sharp - @import url("https://cdn.jsdelivr.net/gh/prayag17/Jellyfin-Icons/Sharp.css");

Font Awesome Icon Pack:

  • Solid - @import url("https://cdn.jsdelivr.net/gh/prayag17/Jellyfin-Icons/Font%20Awesome/solid.css");
  • Regular - @import url("https://cdn.jsdelivr.net/gh/prayag17/Jellyfin-Icons/Font%20Awesome/regular.css");
  • Light - @import url("https://cdn.jsdelivr.net/gh/prayag17/Jellyfin-Icons/Font%20Awesome/light.css");
  • Duotone - @import url("https://cdn.jsdelivr.net/gh/prayag17/Jellyfin-Icons/Font%20Awesome/duotone.css");
    • Note: Duotone Icons does not support gradient text color