Skip to content

A filetype icon font made especially for developer tools!

License

Notifications You must be signed in to change notification settings

paircast/filetype-icons

 
 

Repository files navigation

File Extension Icons

Icons from the Seti UI theme isolated.

Usage

Automatically embeds icon based on data-filename field.

Use like so:

<div class="filetype-icon" data-filename="Procfile">Procfile</div>

Input can include full filetype like video.mov but can also be supplied .mov as the styles are assigned with the $= "ends with" selector.

Render Icon Set

Install http-server globally.

npm install http-server -g

Generate the json file to render the icons.

node loop.js

Use http server to serve the directory.

http-server

Build

npm install less
lessc index.html index.css

Generate Icon Font

These commands come from the Seti UI package.

npm install
gulp icons

About

A filetype icon font made especially for developer tools!

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • CSS 93.7%
  • JavaScript 5.2%
  • HTML 1.1%