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
- 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 -
- 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