theme 216 custom icon

** SCRIPT FONT
add the script between <head></head> (at the beginning of the theme, after the <meta> tags):
    <link href="//solrainha.github.io/saturnicons/saturnicons.css" rel="stylesheet">

** CSS PART
add this in the css:

/*   the icon before the title   */
.update-title:before {
    content: "\e08d";
    font-family:'saturnicons';
    font-size:8px;
    margin-right: 5px;
    vertical-align:middle;
    color:#111111;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor:auto;
}

.update-toggle:checked + .update-title:before {
    content:"\e0c7";
    transform: rotate(90deg) !important;
}


** CUSTOMIZATION
if you want to change the icons:
    1. first enter here: https://suiomi.com/font, scroll down and choose one, copy their name
    2. then, you go to this list: https://suiomi.com/font/unicode
    3. press CTRL + F or (CMD + F) and place the name you copied
    4. copy only the content of what you found. ex: \e00b
    5. go back to your theme and replace with the content there
        ".update-title:before" is the one before you clicked
        ".update-toggle:checked + .update-title:before" is the one after you clicked

you can edit the size as font-size, the color is color:#111111