Jellyfin-Icons
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
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");
- Outline -
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