varyform/generator.rb

## generator.rb
require 'color'
require 'digest/md5'

def generate(extension)
  color = Digest::MD5.hexdigest(extension)[0..5]
  hsl   = Color::RGB.from_html(color).to_hsl

  hue = hsl.hue / 360.0
  sat = 0.52
  lit = hsl.lightness / 100

  base_color    = Color::HSL.from_fraction(hue, sat, lit).html
  lighten_color = Color::HSL.from_fraction(hue, sat, [lit + 0.1, 1].min).html
  darken_color  = Color::HSL.from_fraction(hue, sat, [lit - 0.1, 0].max).html

  template = <<-SVG
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#{base_color}" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#{lighten_color}" d="M35 0v30h35z"/>
      <path fill="#{darken_color}" d="M70 60v-30h-35z"/>

      <path fill="#{darken_color}" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">#{extension.upcase}</text>
    </svg>
  SVG
end

extensions = %w(3gp 7z ace ai aif aiff amr asf asx bat bin bmp bup cab cbr cda cdl cdr chm dat divx dll dmg doc dss dvf dwg eml eps exe fla flv gif gz hqx htm html ifo indd iso jar jpeg jpg lnk log m4a m4b m4p m4v mcd mdb mid mov mp2 mp4 mpeg mpg msi mswmm ogg pdf png pps ps psd pst ptb pub qbb qbw qxd ram rar rm rmvb rtf sea ses sit sitx ss swf tgz thm tif tmp torrent ttf txt unknown vcd vob wav wma wmv wps xls xpi zip)

result = <<-HTML
  <!doctype html>
  <html>
    <body>
      ICONS
    </body>
  </html>
HTML

icons = extensions.map(&method(:generate)).join

File.write('output.html', result.gsub(/ICONS/, icons))

## output.html
  <!doctype html>
  <html>
    <body>
          <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#56d13b" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#7adb64" d="M35 0v30h35z"/>
      <path fill="#42b029" d="M70 60v-30h-35z"/>

      <path fill="#42b029" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">3GP</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#90a126" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#b5cb30" d="M35 0v30h35z"/>
      <path fill="#6b781c" d="M70 60v-30h-35z"/>

      <path fill="#6b781c" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">7Z</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#370d2f" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#601752" d="M35 0v30h35z"/>
      <path fill="#0e030c" d="M70 60v-30h-35z"/>

      <path fill="#0e030c" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">ACE</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#4e2bb6" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#6641d3" d="M35 0v30h35z"/>
      <path fill="#3c218d" d="M70 60v-30h-35z"/>

      <path fill="#3c218d" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">AI</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#229280" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#2cbba4" d="M35 0v30h35z"/>
      <path fill="#19685b" d="M70 60v-30h-35z"/>

      <path fill="#19685b" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">AIF</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#e48d8e" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#eeb6b7" d="M35 0v30h35z"/>
      <path fill="#db6365" d="M70 60v-30h-35z"/>

      <path fill="#db6365" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">AIFF</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#9c6925" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#c6852e" d="M35 0v30h35z"/>
      <path fill="#734d1b" d="M70 60v-30h-35z"/>

      <path fill="#734d1b" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">AMR</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#681949" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#922266" d="M35 0v30h35z"/>
      <path fill="#3f0f2c" d="M70 60v-30h-35z"/>

      <path fill="#3f0f2c" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">ASF</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#737cde" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#9ca3e8" d="M35 0v30h35z"/>
      <path fill="#4a55d4" d="M70 60v-30h-35z"/>

      <path fill="#4a55d4" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">ASX</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#801e33" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#a92844" d="M35 0v30h35z"/>
      <path fill="#571423" d="M70 60v-30h-35z"/>

      <path fill="#571423" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">BAT</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#aa282f" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#d0353e" d="M35 0v30h35z"/>
      <path fill="#811e24" d="M70 60v-30h-35z"/>

      <path fill="#811e24" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">BIN</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#accf33" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#bdd95c" d="M35 0v30h35z"/>
      <path fill="#8ba827" d="M70 60v-30h-35z"/>

      <path fill="#8ba827" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">BMP</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#15592f" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#1f8245" d="M35 0v30h35z"/>
      <path fill="#0b3019" d="M70 60v-30h-35z"/>

      <path fill="#0b3019" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">BUP</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#41c8d2" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#6ad4dc" d="M35 0v30h35z"/>
      <path fill="#2babb5" d="M70 60v-30h-35z"/>

      <path fill="#2babb5" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">CAB</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#9c2462" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#c52e7d" d="M35 0v30h35z"/>
      <path fill="#721b48" d="M70 60v-30h-35z"/>

      <path fill="#721b48" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">CBR</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#ae3c29" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#d14f39" d="M35 0v30h35z"/>
      <path fill="#852e1f" d="M70 60v-30h-35z"/>

      <path fill="#852e1f" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">CDA</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#233096" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#2d3dbf" d="M35 0v30h35z"/>
      <path fill="#19236d" d="M70 60v-30h-35z"/>

      <path fill="#19236d" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">CDL</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#304f13" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#49791c" d="M35 0v30h35z"/>
      <path fill="#172609" d="M70 60v-30h-35z"/>

      <path fill="#172609" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">CDR</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#975f24" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#c1792d" d="M35 0v30h35z"/>
      <path fill="#6e451a" d="M70 60v-30h-35z"/>

      <path fill="#6e451a" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">CHM</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#d8585c" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#e28184" d="M35 0v30h35z"/>
      <path fill="#cd3034" d="M70 60v-30h-35z"/>

      <path fill="#cd3034" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">DAT</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#b28ae4" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#cdb4ed" d="M35 0v30h35z"/>
      <path fill="#9761da" d="M70 60v-30h-35z"/>

      <path fill="#9761da" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">DIVX</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#143d54" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#1d5b7e" d="M35 0v30h35z"/>
      <path fill="#0a1f2b" d="M70 60v-30h-35z"/>

      <path fill="#0a1f2b" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">DLL</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#862046" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#b0295b" d="M35 0v30h35z"/>
      <path fill="#5d1630" d="M70 60v-30h-35z"/>

      <path fill="#5d1630" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">DMG</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#872499" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#ac2ec2" d="M35 0v30h35z"/>
      <path fill="#631a70" d="M70 60v-30h-35z"/>

      <path fill="#631a70" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">DOC</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#102f45" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#1a4b6e" d="M35 0v30h35z"/>
      <path fill="#06131c" d="M70 60v-30h-35z"/>

      <path fill="#06131c" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">DSS</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#6fdd83" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#98e7a7" d="M35 0v30h35z"/>
      <path fill="#46d360" d="M70 60v-30h-35z"/>

      <path fill="#46d360" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">DVF</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#b5d038" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#c5da61" d="M35 0v30h35z"/>
      <path fill="#95ad28" d="M70 60v-30h-35z"/>

      <path fill="#95ad28" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">DWG</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#2fc9c2" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#54d7d1" d="M35 0v30h35z"/>
      <path fill="#25a09a" d="M70 60v-30h-35z"/>

      <path fill="#25a09a" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">EML</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#d38e45" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#dda76e" d="M35 0v30h35z"/>
      <path fill="#b9752c" d="M70 60v-30h-35z"/>

      <path fill="#b9752c" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">EPS</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#96d447" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#adde70" d="M35 0v30h35z"/>
      <path fill="#7cbc2c" d="M70 60v-30h-35z"/>

      <path fill="#7cbc2c" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">EXE</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#57ac28" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#6dd037" d="M35 0v30h35z"/>
      <path fill="#42821f" d="M70 60v-30h-35z"/>

      <path fill="#42821f" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">FLA</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#b3d859" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#c6e282" d="M35 0v30h35z"/>
      <path fill="#a0ce30" d="M70 60v-30h-35z"/>

      <path fill="#a0ce30" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">FLV</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#d6814f" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#df9f79" d="M35 0v30h35z"/>
      <path fill="#c4662e" d="M70 60v-30h-35z"/>

      <path fill="#c4662e" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">GIF</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#cb2f72" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#d7568d" d="M35 0v30h35z"/>
      <path fill="#a1265b" d="M70 60v-30h-35z"/>

      <path fill="#a1265b" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">GZ</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#d23d84" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#db679e" d="M35 0v30h35z"/>
      <path fill="#b22a6a" d="M70 60v-30h-35z"/>

      <path fill="#b22a6a" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">HQX</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#686319" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#928b22" d="M35 0v30h35z"/>
      <path fill="#3f3c0f" d="M70 60v-30h-35z"/>

      <path fill="#3f3c0f" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">HTM</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#d85ad8" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#e183e2" d="M35 0v30h35z"/>
      <path fill="#ce30cf" d="M70 60v-30h-35z"/>

      <path fill="#ce30cf" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">HTML</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#503913" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#7a561c" d="M35 0v30h35z"/>
      <path fill="#271c09" d="M70 60v-30h-35z"/>

      <path fill="#271c09" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">IFO</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#336818" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#479122" d="M35 0v30h35z"/>
      <path fill="#1f3e0f" d="M70 60v-30h-35z"/>

      <path fill="#1f3e0f" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">INDD</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#c22ec4" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#d44fd6" d="M35 0v30h35z"/>
      <path fill="#99249b" d="M70 60v-30h-35z"/>

      <path fill="#99249b" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">ISO</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#47c92f" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#68d754" d="M35 0v30h35z"/>
      <path fill="#38a025" d="M70 60v-30h-35z"/>

      <path fill="#38a025" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">JAR</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#bb442c" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#d45f46" d="M35 0v30h35z"/>
      <path fill="#923522" d="M70 60v-30h-35z"/>

      <path fill="#923522" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">JPEG</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#d757cf" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#e180db" d="M35 0v30h35z"/>
      <path fill="#cb30c1" d="M70 60v-30h-35z"/>

      <path fill="#cb30c1" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">JPG</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#88204b" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#b12a62" d="M35 0v30h35z"/>
      <path fill="#5f1634" d="M70 60v-30h-35z"/>

      <path fill="#5f1634" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">LNK</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#ca2f73" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#d7558e" d="M35 0v30h35z"/>
      <path fill="#a0265c" d="M70 60v-30h-35z"/>

      <path fill="#a0265c" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">LOG</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#6f5d1a" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#987f24" d="M35 0v30h35z"/>
      <path fill="#463a10" d="M70 60v-30h-35z"/>

      <path fill="#463a10" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">M4A</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#d1833b" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#db9d64" d="M35 0v30h35z"/>
      <path fill="#b06a29" d="M70 60v-30h-35z"/>

      <path fill="#b06a29" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">M4B</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#81a3e2" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#abc1eb" d="M35 0v30h35z"/>
      <path fill="#5885d8" d="M70 60v-30h-35z"/>

      <path fill="#5885d8" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">M4P</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#289fa9" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#34c4d0" d="M35 0v30h35z"/>
      <path fill="#1e7880" d="M70 60v-30h-35z"/>

      <path fill="#1e7880" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">M4V</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#8126a1" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#a230cb" d="M35 0v30h35z"/>
      <path fill="#601c78" d="M70 60v-30h-35z"/>

      <path fill="#601c78" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">MCD</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#792089" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#9d2ab2" d="M35 0v30h35z"/>
      <path fill="#541660" d="M70 60v-30h-35z"/>

      <path fill="#541660" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">MDB</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#143b55" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#1e577e" d="M35 0v30h35z"/>
      <path fill="#0a1e2c" d="M70 60v-30h-35z"/>

      <path fill="#0a1e2c" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">MID</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#60dab7" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#8ae3ca" d="M35 0v30h35z"/>
      <path fill="#37d0a4" d="M70 60v-30h-35z"/>

      <path fill="#37d0a4" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">MOV</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#d0e48a" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#e1edb4" d="M35 0v30h35z"/>
      <path fill="#c0da61" d="M70 60v-30h-35z"/>

      <path fill="#c0da61" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">MP2</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#4a67d4" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#738ade" d="M35 0v30h35z"/>
      <path fill="#2d4bbe" d="M70 60v-30h-35z"/>

      <path fill="#2d4bbe" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">MP4</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#164e5e" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#207087" d="M35 0v30h35z"/>
      <path fill="#0c2c35" d="M70 60v-30h-35z"/>

      <path fill="#0c2c35" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">MPEG</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#baeeef" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#e3f8f9" d="M35 0v30h35z"/>
      <path fill="#91e4e5" d="M70 60v-30h-35z"/>

      <path fill="#91e4e5" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">MPG</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#253d9c" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#2e4dc6" d="M35 0v30h35z"/>
      <path fill="#1b2d73" d="M70 60v-30h-35z"/>

      <path fill="#1b2d73" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">MSI</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#afda61" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#c4e48a" d="M35 0v30h35z"/>
      <path fill="#9ad038" d="M70 60v-30h-35z"/>

      <path fill="#9ad038" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">MSWMM</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#3dd14c" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#66db72" d="M35 0v30h35z"/>
      <path fill="#2ab138" d="M70 60v-30h-35z"/>

      <path fill="#2ab138" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">OGG</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#238c95" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#2db3be" d="M35 0v30h35z"/>
      <path fill="#19656c" d="M70 60v-30h-35z"/>

      <path fill="#19656c" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">PDF</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#b3d753" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#c5e07d" d="M35 0v30h35z"/>
      <path fill="#9ec82f" d="M70 60v-30h-35z"/>

      <path fill="#9ec82f" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">PNG</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#97d859" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#b1e282" d="M35 0v30h35z"/>
      <path fill="#7dce30" d="M70 60v-30h-35z"/>

      <path fill="#7dce30" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">PPS</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#8128ad" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#9d38d0" d="M35 0v30h35z"/>
      <path fill="#621f83" d="M70 60v-30h-35z"/>

      <path fill="#621f83" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">PS</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#c9b52f" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#d7c654" d="M35 0v30h35z"/>
      <path fill="#a09025" d="M70 60v-30h-35z"/>

      <path fill="#a09025" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">PSD</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#3ecf34" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#65d95d" d="M35 0v30h35z"/>
      <path fill="#30a828" d="M70 60v-30h-35z"/>

      <path fill="#30a828" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">PST</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#0b2e0d" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#155719" d="M35 0v30h35z"/>
      <path fill="#010501" d="M70 60v-30h-35z"/>

      <path fill="#010501" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">PTB</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#432dc1" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#604cd5" d="M35 0v30h35z"/>
      <path fill="#342497" d="M70 60v-30h-35z"/>

      <path fill="#342497" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">PUB</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#2745a8" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#3357cf" d="M35 0v30h35z"/>
      <path fill="#1e347e" d="M70 60v-30h-35z"/>

      <path fill="#1e347e" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">QBB</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#d2b941" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#dcc86a" d="M35 0v30h35z"/>
      <path fill="#b59d2b" d="M70 60v-30h-35z"/>

      <path fill="#b59d2b" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">QBW</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#dfd175" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#e8df9f" d="M35 0v30h35z"/>
      <path fill="#d5c34c" d="M70 60v-30h-35z"/>

      <path fill="#d5c34c" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">QXD</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#3129b1" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#443cd1" d="M35 0v30h35z"/>
      <path fill="#262087" d="M70 60v-30h-35z"/>

      <path fill="#262087" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">RAM</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#a82cba" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#c146d3" d="M35 0v30h35z"/>
      <path fill="#822291" d="M70 60v-30h-35z"/>

      <path fill="#822291" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">RAR</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#cb7f30" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#d79856" d="M35 0v30h35z"/>
      <path fill="#a16526" d="M70 60v-30h-35z"/>

      <path fill="#a16526" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">RM</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#4a83d4" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#739fde" d="M35 0v30h35z"/>
      <path fill="#2d69be" d="M70 60v-30h-35z"/>

      <path fill="#2d69be" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">RMVB</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#2b53b9" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#446dd3" d="M35 0v30h35z"/>
      <path fill="#22418f" d="M70 60v-30h-35z"/>

      <path fill="#22418f" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">RTF</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#a82788" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#cf33a9" d="M35 0v30h35z"/>
      <path fill="#7e1e67" d="M70 60v-30h-35z"/>

      <path fill="#7e1e67" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">SEA</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#d4a849" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#debc72" d="M35 0v30h35z"/>
      <path fill="#be902c" d="M70 60v-30h-35z"/>

      <path fill="#be902c" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">SES</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#90d0e5" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#b9e1ef" d="M35 0v30h35z"/>
      <path fill="#67bedb" d="M70 60v-30h-35z"/>

      <path fill="#67bedb" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">SIT</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#76dfa0" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#9fe9bd" d="M35 0v30h35z"/>
      <path fill="#4dd583" d="M70 60v-30h-35z"/>

      <path fill="#4dd583" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">SITX</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#2c9c25" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#38c62e" d="M35 0v30h35z"/>
      <path fill="#20731b" d="M70 60v-30h-35z"/>

      <path fill="#20731b" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">SS</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#a0da62" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#b9e48b" d="M35 0v30h35z"/>
      <path fill="#87d039" d="M70 60v-30h-35z"/>

      <path fill="#87d039" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">SWF</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#29ad36" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#39d047" d="M35 0v30h35z"/>
      <path fill="#1f8429" d="M70 60v-30h-35z"/>

      <path fill="#1f8429" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">TGZ</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#203f89" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#2a52b2" d="M35 0v30h35z"/>
      <path fill="#162c60" d="M70 60v-30h-35z"/>

      <path fill="#162c60" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">THM</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#66183f" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#8f2259" d="M35 0v30h35z"/>
      <path fill="#3d0e26" d="M70 60v-30h-35z"/>

      <path fill="#3d0e26" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">TIF</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#e29286" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#ecb7af" d="M35 0v30h35z"/>
      <path fill="#d96d5c" d="M70 60v-30h-35z"/>

      <path fill="#d96d5c" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">TMP</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#dbb064" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#e4c58e" d="M35 0v30h35z"/>
      <path fill="#d19a3b" d="M70 60v-30h-35z"/>

      <path fill="#d19a3b" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">TORRENT</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#298cb0" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#3ba9d1" d="M35 0v30h35z"/>
      <path fill="#206b86" d="M70 60v-30h-35z"/>

      <path fill="#206b86" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">TTF</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#d38043" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#dd9c6c" d="M35 0v30h35z"/>
      <path fill="#b8672b" d="M70 60v-30h-35z"/>

      <path fill="#b8672b" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">TXT</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#a48c26" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#cdb030" d="M35 0v30h35z"/>
      <path fill="#7a691d" d="M70 60v-30h-35z"/>

      <path fill="#7a691d" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">UNKNOWN</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#a15a26" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#cb712f" d="M35 0v30h35z"/>
      <path fill="#78431c" d="M70 60v-30h-35z"/>

      <path fill="#78431c" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">VCD</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#383ad0" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#6163da" d="M35 0v30h35z"/>
      <path fill="#282aad" d="M70 60v-30h-35z"/>

      <path fill="#282aad" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">VOB</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#4fd54e" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#78df77" d="M35 0v30h35z"/>
      <path fill="#30c22e" d="M70 60v-30h-35z"/>

      <path fill="#30c22e" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">WAV</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#7363da" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#988ce4" d="M35 0v30h35z"/>
      <path fill="#4e39d1" d="M70 60v-30h-35z"/>

      <path fill="#4e39d1" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">WMA</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#27a58e" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#30cfb2" d="M35 0v30h35z"/>
      <path fill="#1d7c6b" d="M70 60v-30h-35z"/>

      <path fill="#1d7c6b" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">WMV</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#7ec22e" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#97d54e" d="M35 0v30h35z"/>
      <path fill="#639924" d="M70 60v-30h-35z"/>

      <path fill="#639924" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">WPS</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#1b7435" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#259d48" d="M35 0v30h35z"/>
      <path fill="#114b22" d="M70 60v-30h-35z"/>

      <path fill="#114b22" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">XLS</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#d03749" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#da606f" d="M35 0v30h35z"/>
      <path fill="#ac2838" d="M70 60v-30h-35z"/>

      <path fill="#ac2838" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">XPI</text>
    </svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
      <path fill="#94e6bd" d="M0 0v100h70v-70l-35-30z"/>

      <path fill="#bdf0d7" d="M35 0v30h35z"/>
      <path fill="#6bdca4" d="M70 60v-30h-35z"/>

      <path fill="#6bdca4" d="M-5 95h70v-15h-70z"/>

      <text x="2" y="92" fill="white" font-size="12" font-family="Menlo">ZIP</text>
    </svg>

    </body>
  </html>
	require 'color'
	require 'digest/md5'

	def generate(extension)
	color = Digest::MD5.hexdigest(extension)[0..5]
	hsl = Color::RGB.from_html(color).to_hsl

	hue = hsl.hue / 360.0
	sat = 0.52
	lit = hsl.lightness / 100

	base_color = Color::HSL.from_fraction(hue, sat, lit).html
	lighten_color = Color::HSL.from_fraction(hue, sat, [lit + 0.1, 1].min).html
	darken_color = Color::HSL.from_fraction(hue, sat, [lit - 0.1, 0].max).html

	template = <<-SVG
	<svg xmlns="http://www.w3.org/2000/svg" width="75" height="100" viewBox="0 0 70 100" enable-background="new 0 0 70 100">
	<path fill="#{base_color}" d="M0 0v100h70v-70l-35-30z"/>

	<path fill="#{lighten_color}" d="M35 0v30h35z"/>
	<path fill="#{darken_color}" d="M70 60v-30h-35z"/>

	<path fill="#{darken_color}" d="M-5 95h70v-15h-70z"/>

	<text x="2" y="92" fill="white" font-size="12" font-family="Menlo">#{extension.upcase}</text>
	</svg>
	SVG
	end

	extensions = %w(3gp 7z ace ai aif aiff amr asf asx bat bin bmp bup cab cbr cda cdl cdr chm dat divx dll dmg doc dss dvf dwg eml eps exe fla flv gif gz hqx htm html ifo indd iso jar jpeg jpg lnk log m4a m4b m4p m4v mcd mdb mid mov mp2 mp4 mpeg mpg msi mswmm ogg pdf png pps ps psd pst ptb pub qbb qbw qxd ram rar rm rmvb rtf sea ses sit sitx ss swf tgz thm tif tmp torrent ttf txt unknown vcd vob wav wma wmv wps xls xpi zip)

	result = <<-HTML
	<!doctype html>
	<html>
	<body>
	ICONS
	</body>
	</html>
	HTML

	icons = extensions.map(&method(:generate)).join

	File.write('output.html', result.gsub(/ICONS/, icons))