Download: Current Release Development

Quick Start

Simply download the distribution files and link to one or all of the icon set CSS files in the header of the web page:

                  <link rel="stylesheet" href="dist/file-icon-classic.min.css" />
                  <link rel="stylesheet" href="dist/file-icon-square-o.min.css" />
                  <link rel="stylesheet" href="dist/file-icon-vivid.min.css" />

                  <!-- Alternatively, you can load all sets: -->
                  <link rel="stylesheet" href="dist/file-icon-vectors.min.css" />
                

                    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/file-icon-vectors@1.0.0/dist/file-icon-classic.min.css" />
                    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/file-icon-vectors@1.0.0/dist/file-icon-square-o.min.css" />
                    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/file-icon-vectors@1.0.0/dist/file-icon-vivid.min.css" />

                    <!-- Alternatively, you can load all sets: -->
                    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/file-icon-vectors@1.0.0/dist/file-icon-vectors.min.css" />
                  

                    <link rel="stylesheet" href="//cdn.jsdelivr.net/combine/npm/file-icon-vectors@1.0.0/dist/file-icon-vivid.min.css,npm/file-icon-vectors@1.0.0/dist/file-icon-square-o.min.css" />
                  

                    <link rel="stylesheet" href="https://rawcdn.githack.com/dmhendricks/file-icon-vectors/master/dist/file-icon-classic.min.css" />
                    <link rel="stylesheet" href="https://rawcdn.githack.com/dmhendricks/file-icon-vectors/master/dist/file-icon-square-o.min.css" />
                    <link rel="stylesheet" href="https://rawcdn.githack.com/dmhendricks/file-icon-vectors/master/dist/file-icon-vivid.min.css" />
                    <link rel="stylesheet" href="https://rawcdn.githack.com/dmhendricks/file-icon-vectors/master/dist/file-icon-high-contrast.min.css" />

                    <!-- Alternatively, you can load all sets: -->
                    <link rel="stylesheet" href="https://rawcdn.githack.com/dmhendricks/file-icon-vectors/master/dist/file-icon-vectors.min.css" />                

Usage

Each set has its own CSS prefix:

• cla - Classic
• viv - Vivid
• sqo - Square Outline
• hct - High Contrast
• ext - Extra Icons

The format for CSS classes is fiv-[prefix]-[extension]:

                  <span class="fiv-cla fiv-icon-xls"></span>
                  <span class="fiv-viv fiv-icon-pdf"></span>
                  <span class="fiv-viv fiv-icon-wav"></span>
                  <span class="fiv-sqo fiv-icon-doc"></span>
                

If you want to override the size of the icons, you can do so with CSS:

                  <style>
                     .fiv-cla, .fiv-viv, .fiv-sqo { font-size: 3em; }
                  </style>              

Alternatively, you may also use .fiv-size-md, .fiv-size-lg and .fiv-size-xl to modify the icon sizes:

                  <span class="fiv-viv fiv-icon-pdf fiv-size-lg"></span>
                

Legal Stuff

All icons used in the creation of this library were licensed MIT, Creative Commons or purchased royalty-free. Any exceptions have attribution. All logos are copyright their respective owners.

If you feel that you have a copyright issue, please feel free to report it.

Icons

No icons found.