Jellyfin-Icons icon indicating copy to clipboard operation
Jellyfin-Icons copied to clipboard

Change Jellyfin default icons to a different style

Jellyfin Icons

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