li.academic_icon
{
list-style-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='-21 -17 42 22' width='32' height='32'><g fill='black' stroke='white' stroke-width='1' ><polygon points='0,0 -20,-8 0,-16 20,-8' stroke='gray' /><path d='M-10,-1 v-5 a10,4 0 0 1 20,0 v5' /><ellipse cy='-1' rx='10' ry='4' /><g fill='red'  ><polygon points='15,-6 17,3 13,3'  /><circle cx='15' cy='-5' r='2' /><path d='M15,-4 v-6 a3,2 0 0 0 -4,-2' stroke='red' fill='none' /></g></g></svg>");

}

li.book_icon
{
list-style-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 -2 40 30' width='32' height='32'><rect x='-11' y='15' height='24' width='20' style='stroke:grey; fill:Olive' transform='rotate(-30) skewX(20)'></rect><rect x='0' y='0' height='25' width='4' style='stroke:grey; fill:Olive' transform='rotate(-50 18 5) skewY(-40)'></rect><rect x='26' y='34' height='1.5' width='18' stroke-width='0.5' style='stroke:grey; fill:white' transform='rotate(-30) skewX(-30)'></rect><rect x='26' y='35.5' height='1.5' width='18' stroke-width='0.5' style='stroke:grey; fill:white' transform='rotate(-30) skewX(-30)'></rect><rect x='26' y='37' height='1' width='18' stroke-width='0.5' style='stroke:grey; fill:white' transform='rotate(-30) skewX(-30)'></rect><rect x='-6' y='10' height='24' width='20' style='stroke:grey; fill:Olive' transform='rotate(-30) skewX(20)'></rect></svg>");

}

li.cd_icon
{
list-style-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='-13 -13 26 26' height='32' width='32'><defs><filter id='f1'><feGaussianBlur in='SourceGraphic' stdDeviation='2' /></filter><clipPath id='clip1'><circle id='outer' r='12' /></clipPath><line clip-path='url(%23clip1)' id='d1' x1='-12' x2='12' y1='-12' y2='12' stroke-width='2' stroke-opacity='0.5' stroke='%23currentColor' filter='url(%23f1)'/></defs><use xlink:href='%23outer' stroke-width='0.75' stroke='grey' fill='%23eee' /><use xlink:href='%23d1' stroke='red' transform='rotate(-40)'/><use xlink:href='%23d1' stroke='cadetblue' transform='rotate(-10)' /><use xlink:href='%23d1' stroke='yellow' transform='rotate(-20)'/><use xlink:href='%23d1' stroke='white' transform='rotate(70)'/><use xlink:href='%23d1' stroke='white' transform='rotate(90)'/><circle r='3' stroke-width='0.5' stroke='grey' fill='white'/></svg>");
}

li.download_icon
{
list-style-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' width='32' height='32'><rect x='6' y='0' width='11' height='15' fill='green'/><polygon points='0,15 24,15 12,24' fill='green'/></svg>");

}

li.movie_icon
{
list-style-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 18 24' width='32' height='32'><linearGradient id='linear-gradient'><stop offset='0%' stop-color='white'/><stop offset='100%' stop-color='%23eeb'/></linearGradient><rect x='0' y='0' width='19' height='24' fill='black'/><rect x='5' y='3' width='9' height='7' fill='url(%23linear-gradient)'/><rect x='5' y='14' width='9' height='7' fill='url(%23linear-gradient)'/><line x1='2' y1='1' x2='2' y2='24' stroke='white' stroke-width='2' stroke-dasharray='2 2'/><line x1='17' y1='1' x2='17' y2='24' stroke='white' stroke-width='2' stroke-dasharray='2 2'/></svg>");

}

li.text_icon
{
list-style-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='-1 -1 27 37' width='32' height='32'><polygon points='0,0 20,0 26,5 26,35 0,35' fill='white' stroke='navy' stroke-width='1' /><g stroke='black' stroke-width='1' transform='translate(5,3)'><line y1='5' y2='5' x2='15' /><line y1='15' y2='15' x2='17' /><line y1='25' y2='25' x2='17' /></g></svg>");

}

li.youtube_icon
{
list-style-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 2 24 17' height='32' width='32'><path d='M2.093,9.075c0.125,-1.941 1.629,-3.509 3.562,-3.716c2.005,-0.202 4.136,-0.311 6.345,-0.311c2.209,0 4.34,0.109 6.345,0.312c1.933,0.206 3.437,1.774 3.562,3.715c0.061,0.956 0.093,1.933 0.093,2.925c0,0.992 -0.032,1.969 -0.093,2.925c-0.125,1.941 -1.629,3.509 -3.562,3.716c-2.005,0.202 -4.136,0.311 -6.345,0.311c-2.209,0 -4.34,-0.109 -6.345,-0.312c-1.933,-0.206 -3.437,-1.774 -3.562,-3.715c-0.061,-0.956 -0.093,-1.933 -0.093,-2.925c0,-0.992 0.032,-1.969 0.093,-2.925Z' fill='red' /><path d='M15.055,12l-4.909,2.995l0,-5.99l4.909,2.995Z' fill='white' /></svg>");
}

li.tools_icon
{
list-style-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='-17 -17 41 40' height='32' width='32' stroke='black' stroke-width='1.5'><g transform='rotate(-40),translate(-18,7)'  fill='LightGoldenrodYellow'><path d='m0,-3 a3,3 0 0 0 0,6 h30 a6,6 0 0 0 8.5,2 l-4,-2 l2.3,-4.9 l4.5,2.3 a5.4,5.4 0 0 0 -10,-3 z' /><circle cx='0' cy='0' r='1.5' fill='white' /></g><g transform='rotate(-130)'  fill='none'><path d='m0,-3 h18 a3,3 0 0 1 0,6 h-18 z' fill='LightGoldenrodYellow'/><line x1='0' x2='20' stroke='gray' /><rect x='-3' y='-5' width='3' height='10' rx='2' fill='white' /><path d='m-3,-1 h-20 l-2,-1 l-4,1 v2 l4,1 l2,-1 h20' fill='white' /></g></svg>");
}