< >

file-extension-css.php


Quell Code


    <link rel="stylesheet" href="../css/index.php?css=mime-icons.css">
<header class="align-left">
      <h1>mime-icon-generator</h1>
      <p>Create easily<b> all the icons you need in supersharp SVG format!</b></p>
    </header>
    <div class="card" style="min-height:460px;">

      <h4 class="title">MIME ICONS</h4> 

			<svg xmlns="http://www.w3.org/2000/svg" width="300" height="300" viewBox="0 0 200 200" enable-background="new 0 0 200 200" xml:space="preserve" class="card-image"><style>.a{fill:#F1F1F1;}.b{fill:none;opacity:0.3;stroke-width:1.2;stroke:#666666;}</style><path d="M171 192.4V58.2l-58.4 0V0H36.5C32.4 0 29 3.4 29 7.6h0v184.9h0c0 4.2 3.4 7.6 7.6 7.6h126.9C167.6 200 171 196.6 171 192.4z" fill="#00ab93"/><path d="M66.7 163.4l-2.1 7.6h-7l9.1-29.7h8.8l9.2 29.7h-7.2l-2.3-7.6H66.7zM74.2 158.3l-1.9-6.3c-0.5-1.8-1.1-4-1.5-5.7h-0.1c-0.4 1.8-0.9 4-1.4 5.7l-1.8 6.3H74.2z" class="a"/><path d="M88.7 141.7c1.8-0.4 5.3-0.6 8.7-0.6 4.1 0 6.6 0.4 8.8 1.7 2.1 1.1 3.6 3.1 3.6 5.8 0 2.6-1.5 5.1-4.9 6.4v0.1c3.4 0.9 5.9 3.5 5.9 7.3 0 2.7-1.2 4.8-3.1 6.3 -2.2 1.7-5.8 2.7-11.7 2.7 -3.3 0-5.8-0.2-7.3-0.4V141.7zM95.3 153h2.2c3.5 0 5.4-1.5 5.4-3.7 0-2.2-1.7-3.4-4.8-3.4 -1.5 0-2.3 0.1-2.9 0.2V153zM95.3 166.2c0.7 0.1 1.5 0.1 2.6 0.1 3 0 5.7-1.1 5.7-4.3 0-3-2.7-4.2-6-4.2h-2.3V166.2z" class="a"/><path d="M137.1 170.1c-1.2 0.6-4 1.3-7.6 1.3 -10.3 0-15.6-6.4-15.6-14.9 0-10.1 7.2-15.8 16.2-15.8 3.5 0 6.1 0.7 7.3 1.3l-1.4 5.3c-1.4-0.6-3.3-1.1-5.6-1.1 -5.3 0-9.5 3.2-9.5 9.8 0 6 3.5 9.7 9.5 9.7 2 0 4.3-0.4 5.6-1L137.1 170.1z" class="a"/><circle cx="170.9" cy="200" r="141.7" class="b"/><circle cx="99.8" cy="125.7" r="71.1" class="b"/><circle cx="141.7" cy="171" r="29" class="b"/><circle cx="156.3" cy="185.5" r="14.5" class="b"/><circle cx="163.4" cy="192.4" r="7.6" class="b"/><circle cx="58.2" cy="171" r="29" class="b"/><line x1="141.8" y1="185.5" x2="141.8" y2="70.6" class="b"/><line x1="149.3" y1="192.4" x2="149.3" y2="70.6" class="b"/><line x1="56.8" y1="185.5" x2="56.8" y2="70.6" class="b"/><line x1="50.2" y1="188.7" x2="50.2" y2="0.1" class="a" /><line x1="159.5" y1="70.6" x2="40.5" y2="70.6" class="b"/><line x1="155.2" y1="171" x2="56.8" y2="171" class="b"/><line x1="141.7" y1="141.9" x2="56.8" y2="141.9" class="b"/><line x1="170.8" y1="125.7" x2="28.8" y2="125.7" class="b"/><line x1="100" y1="196.7" x2="100" y2="54.7" class="b"/><text transform="matrix(1 0 0 1 100 138.5)" class="icon-text material-icons" width="120" height="100" font-family="Material Icons" font-size="80" style="fill:#F1F2F2;font-family:'Material Icons';font-size:80px;text-anchor:middle">?</text><polygon points="171 116.4 112.7 58.2 171 58.2 " style="fill:#010202;opacity:0.1"/><polygon points="112.6 -0.1 171 58.2 112.6 58.2 " fill="#16e6c9"/><circle cx="141.7" cy="29.1" r="29" class="b"/></svg>
			
      <p>Create easily<b> all the icons you need in supersharp SVG format!</b></p>
      <p>Configuration is very fast ... in the $icon-list array you have to enter some parameters like file extension, color (if you want a custom tone), and shape... icons will be automatically generated and you recall them easily in your site or in your app using the class .mime-icon.ico-<code style="display:inline">$fileextension</code>.</p>
      <p><br/>All svg icons are merged into a single css sheet and this allows for a very lightweight file: <b>~450 icon gzipped size is only 13kb! less than one 256x256 png icon.</b></p>
      <p><b>Source on github:</b> <a style="font-weight:600;color:#673AB7" href="https://github.com/erikyo/mime-icon-generator">https://github.com/erikyo/mime-icon-generator</a></p>
    </div>
    <div class="card">
      <div class="demo">
        <h4>Default mixin</h4>
        <p>There are two ways to make a way to make an icon... the first is with the mixin.</p>
        <p> Its basic form is this <code style="display:initial;white-space: initial;">&quot;@include do-icon(<b style="color:#673AB7">$color</b>)&quot;</code>.</p>
        <p>You can specify a color that will be assigned to the icon if no the default color is used (in the Config Section of the scss sheet)</p>
        <pre class="small"><code>.ico-myico .ico:after {
      @include do-icon($color);
}</code></pre>
        <p>You can recall your newly generated icon whit this code</p>
        <pre class="small"><code>&lt;div class=&quot;mime-icon&quot;&gt;
&nbsp;&nbsp;&lt;div class=&quot;ico-myico&quot;&gt;&lt;/div&gt;
&lt;/div&gt;</code></pre>
        <div class="mime-icon">
          <div class="ico"></div>
        </div>
        <div class="mime-icon">
          <div class="ico ico-magenta"></div>
        </div>
        <div class="mime-icon">
          <div class="ico ico-yellow"></div>
        </div>
        <hr>
        <h4>File extension option</h4>
        <p>This mixin has a bit of options: the second one is to insert a file extension (directly inside svg)...<br/></b7> to do this you have to add <code  style="display:initial;white-space: initial;">@include do-icon($color, "", <b style="color:#673AB7">$file-extension</b>);</code> to the mixin</p>
        <pre class="small"><code>@include do-icon($color, &quot;&quot;, &quot;ABC&quot; );</code></pre>
        <div class="mime-icon abc">
          <div class="ico"></div>
          <i class="material-icons">&#xE87D;</i>
        </div>
        <div class="mime-icon sex">
          <div class="ico"></div>
                <i class="material-icons">&#xE87D;</i>
        </div>
        <div class="mime-icon ghi">
          <div class="ico"></div>
          <i class="material-icons">&#xE885;</i>
        </div>
      </div>
    </div>
    <div class="card">
      <div class="demo">
        <h4>Variations</h4>
        <p>But that's not all! <b>Icons can be generated with various color schemes</b> to decide what to use in the scss file in the configuration section to select which color scheme to use between this possible values: default || Dark || Light || double</p>
        <pre class="small"><code>$style: "default"; // default || dark || light || double</code></pre>
        <p><b>Alternatively you can use the mixin</b> at the bottom of the scss file in the Hardcoded section that allows you to use the custom style by adding the corresponding class to the variation of the theme you chose</p>
        <hr>
        <h4 style="margin-bottom:24px">Default icons</h4>
        <div class="mime-icon sex">
         <div class="ico"></div>
                <i class="material-icons">&#xE885;</i>
        </div>

        
        
        <div class="mime-icon ico-bmp">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-html">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-gif">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-php">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-mp3">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-bz">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-exe">
          <div class="ico"></div>
        </div>
        <hr>
        <h4 style="margin-bottom:24px">Light icons</h4>
        <div class="mime-icon light ico-html">
          <div class="ico"></div>
        </div>
        <div class="mime-icon light ico-mp3">
          <div class="ico"></div>
        </div>
        <div class="mime-icon light ico-wma">
          <div class="ico"></div>
        </div>
        <div class="mime-icon light ico-aac">
          <div class="ico"></div>
        </div>
        <div class="mime-icon light ico-pcm">
          <div class="ico"></div>
        </div>
        <div class="mime-icon light ico-aiff">
          <div class="ico"></div>
        </div>
        <div class="mime-icon light ico-ogg">
          <div class="ico"></div>
        </div>
        <div class="mime-icon light ico-wav">
          <div class="ico"></div>
        </div>
        <hr>
        <h4 style="margin-bottom:24px">Dark icons</h4>
        <div class="mime-icon dark ico-flac">
          <div class="ico"></div>
        </div>
        <div class="mime-icon dark ico-csv">
          <div class="ico"></div>
        </div>
        <div class="mime-icon dark ico-txt">
          <div class="ico"></div>
        </div>
        <div class="mime-icon dark ico-rtf">
          <div class="ico"></div>
        </div>
        <div class="mime-icon dark ico-doc">
          <div class="ico"></div>
        </div>
        <div class="mime-icon dark ico-docx">
          <div class="ico"></div>
        </div>
        <div class="mime-icon dark ico-js">
          <div class="ico"></div>
        </div>
        <div class="mime-icon dark ico-php">
          <div class="ico"></div>
        </div>
        <hr>
        <h4 style="margin-bottom:24px">Double icons</h4>
        <div class="mime-icon double ico-avi">
          <div class="ico"></div>
        </div>
        <div class="mime-icon double ico-mkv">
          <div class="ico"></div>
        </div>
        <div class="mime-icon double ico-mp4">
          <div class="ico"></div>
        </div>
        <div class="mime-icon double ico-mpeg">
          <div class="ico"></div>
        </div>
        <div class="mime-icon double ico-mov">
          <div class="ico"></div>
        </div>
        <div class="mime-icon double ico-flv">
          <div class="ico"></div>
        </div>
        <div class="mime-icon double ico-swf">
          <div class="ico"></div>
        </div>
        <div class="mime-icon double ico-wmv">
          <div class="ico"></div>
        </div>
      </div>
    </div>
    <div class="card">
      <div class="demo">
        <h4>Mass generated icons with icon font</h4>
        <p><b>But to generate many icons at once? </b>I prepared a <code style="display:inline">@for</code> loop that loops all the items in the $icon-list array:</p>
        <pre class="small" style="margin:16px auto;"><code>$icon-list:
...
(abc,  "", $music),
...;</code></pre>
        <ul>
        <li>The <b>first argument</b> used for the <b>class</b> (in the example will be .mime-ico.ico-application and .mime-ico.ico-abc). it's also used for the <b>filetype displayed in the icon</b></li>
        <li>The <b>second</b>  argument is optional: it is the <b>color of the icon</b> if it is not passed (or is not a color) will be used a color from the array called $icon-colors</li>
        <li>The <b>third</b> argument is the icon ascii. You can pass one of the variables of "scss/generator-vars.scss" https://github.com/erikyo/mime-icon-generator/blob/master/scss/generator-vars.scss. Remember to load the font fonts you like and edit this set of variables that will be very convenient to you in "scss/fonts.scss"</li>
        </ul>
        <div class="mime-icon ico-x-world ico-3dm">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-x-world ico-3dmf">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-7z">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-a">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-aab">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-audio ico-aac">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-aam">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-aas">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-abc">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-acgi">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-video ico-afl">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-ai">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-audio ico-aif">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-audio ico-aifc">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-audio ico-aiff">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-aim">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-aip">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-ani">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-aos">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-aps">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-arc">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-arj">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-art">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-video ico-asf">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-asm">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-asp">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-asx">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-audio ico-au">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-avi">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-video ico-avs">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-bcpio">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-bin">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-bm">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-bmp">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-boo">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-book">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-boz">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-bsh">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-bz">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-bz2">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-c">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-cat">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-cc">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-ccad">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-cco">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-cdf">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-cer">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-cha">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-chat">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-class">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-com">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-conf">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-cpio">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-cpp">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-cpt">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-crl">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-crt">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-csh">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-css">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-csv">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-cxx">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-dcr">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-deepv">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-def">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-der">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-video ico-dif">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-dir">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-video ico-dl">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-doc">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-docx">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-dot">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-dp">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-drw">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-dump">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-video ico-dv">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-dvi">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-drawing ico-dwf">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-dwg">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-dxf">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-dxr">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-el">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-elc">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-env">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-eps">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-es">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-etx">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-evy">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-exe">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-f">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-f77">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-f90">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-fdf">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-fif">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-audio ico-flac">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-video ico-fli">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-flo">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-flv">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-flx">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-video ico-fmf">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-for">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-fpx">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-frl">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-audio ico-funk">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-g">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-g3">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-gif">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-video ico-gl">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-audio ico-gsd">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-audio ico-gsm">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-gsp">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-gss">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-gtar">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-gz">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-gzip">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-h">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-hdf">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-help">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-hgl">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-hh">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-hlb">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-hlp">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-hpg">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-hpgl">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-hqx">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-hta">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-htc">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-htm">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-html">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-htmls">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-htt">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-htx">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-x-conference ico-ice">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-ico">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-idc">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-ief">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-iefs">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-iges">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-igs">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-ima">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-imap">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-inf">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-ins">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-ip">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-video ico-isu">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-audio ico-it">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-iv">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-i-world ico-ivr">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-ivy">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-audio ico-jam">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-jav">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-java">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-jcm">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-jfif">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-jfif-tbnl">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-jpe">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-jpeg">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-jpg">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-jps">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-js">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-jut">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-audio ico-kar">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-ksh">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-audio ico-la">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-audio ico-lam">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-latex">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-lha">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-lhx">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-list">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-audio ico-lma">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-log">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-lsp">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-lst">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-lsx">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-ltx">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-lzh">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-lzx">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-m">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-video ico-m1v">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-audio ico-m2a">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-video ico-m2v">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-audio ico-m3u">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-man">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-map">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-mar">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-mbd">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-mcd">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-mcf">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-mcp">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-me">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-message ico-mht">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-message ico-mhtml">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-mid">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-midi">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-mif">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-message ico-mime">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-audio ico-mjf">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-video ico-mjpg">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-video ico-mkv">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-mm">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-mme">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-audio ico-mod">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-video ico-moov">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-video ico-mov">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-video ico-movie">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-audio ico-mp2">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-audio ico-mp3">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-video ico-mp4">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-audio ico-mpa">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-mpc">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-video ico-mpe">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-video ico-mpeg">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-audio ico-mpg">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-audio ico-mpga">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-mpp">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-mpt">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-mpv">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-mpx">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-mrc">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-ms">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-video ico-mv">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-audio ico-my">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-mzz">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-nap">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-naplps">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-nc">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-ncm">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-nif">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-niff">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-nix">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-nsc">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-nvd">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-o">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-oda">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-audio ico-ogg">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-omc">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-omcd">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-omcr">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-p">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-p10">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-p12">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-p7a">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-p7c">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-p7m">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-p7r">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-p7s">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-part">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-pas">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-pbm">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-pcl">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-audio ico-pcm">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-pct">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-pcx">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-chemical ico-pdb">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-pdf">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-audio ico-pfunk">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-pgm">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-php">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-pic">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-pict">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-pkg">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-pko">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-pl">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-plx">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-pm">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-pm4">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-pm5">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-png">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-pnm">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-pot">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-model ico-pov">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-ppa">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-ppm">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-pps">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-ppt">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-ppz">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-pre">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-prt">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-ps">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-psd">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-paleovu ico-pvu">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-pwz">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-py">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-pyc">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-audio ico-qcp">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-x-world ico-qd3">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-x-world ico-qd3d">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-qif">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-video ico-qt">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-video ico-qtc">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-qti">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-qtif">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-audio ico-ram">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-rar">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-ras">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-rast">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-rexx">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-rf">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-rgb">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-rm">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-audio ico-rmi">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-audio ico-rmm">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-audio ico-rmp">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-rng">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-rnx">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-roff">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-rp">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-audio ico-rpm">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-rt">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-rtf">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-rtx">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-video ico-rv">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-s">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-audio ico-s3m">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-saveme">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-sbk">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-scm">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-sdml">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-sdp">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-sdr">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-sea">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-set">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-sgm">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-sgml">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-sh">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-shar">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-shtml">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-audio ico-sid">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-sit">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-skd">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-skm">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-skp">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-skt">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-sl">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-smi">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-smil">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-audio ico-snd">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-sol">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-spc">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-spl">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-spr">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-sprite">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-src">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-ssi">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-ssm">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-sst">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-step">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-stl">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-stp">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-sv4cpio">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-sv4crc">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-svf">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-svr">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-swf">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-t">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-talk">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-tar">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-tbk">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-tcl">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-tcsh">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-tex">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-texi">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-texinfo">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-tgz">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-tif">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-tiff">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-tr">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-audio ico-tsi">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-tsp">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-tsv">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-turbot">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-txt">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-uil">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-uni">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-unis">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-unv">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-uri">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-uris">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-ustar">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-uu">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-uue">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-vcd">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-vcs">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-vda">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-video ico-vdo">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-vew">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-video ico-viv">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-video ico-vivo">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-vmd">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-vmf">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-audio ico-voc">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-video ico-vos">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-audio ico-vox">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-audio ico-vqe">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-audio ico-vqf">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-audio ico-vql">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-vrml">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-x-world ico-vrt">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-vsd">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-vst">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-vsw">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-audio ico-wav">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-wb1">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-wbmp">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-web">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-wiz">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-wk1">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-audio ico-wma">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-windows ico-wmf">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-wml">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-wmlc">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-wmls">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-wmlsc">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-video ico-wmv">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-word">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-wp">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-wp5">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-wp6">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-wpd">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-wq1">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-wri">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-model ico-wrl">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-model ico-wrz">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-wsc">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-wsrc">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-wtk">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-x-png">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-xbm">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-video ico-xdr">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-xgl ico-xgz">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-xif">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-xl">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-xla">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-xlb">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-xlc">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-xld">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-xlk">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-xll">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-xlm">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-xls">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-xlt">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-xlv">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-xlw">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-audio ico-xm">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-xml">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-xgl ico-xmz">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-xpix">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-xpm">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-video ico-xsr">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-image ico-xwd">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-chemical ico-xyz">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-z">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-zip">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-application ico-zoo">
          <div class="ico"></div>
        </div>
        <div class="mime-icon ico-text ico-zsh">
          <div class="ico"></div>
        </div>
      </div>
    </div>

Add Comment

* Required information
1000
Powered by Commentics

Comments (1)

Gravatar
Admin
Sascha65says...

Die Canvas Balken Uhr ist ja mal Fett