Tech Icon Font


88+ tech stack icons

Icons



  • NPM:
    • Install: npm i --save techfont
    • Include: <link rel="stylesheet" href="node_modules/techfont/dist/techFont.css">

  • CDN:
    • Include: <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/cdgco/techfont@latest/dist/techFont.css">

  • CDN:

  • Use with the tf and tf-* classes for standard icons:
    • <i class="tf tf-express"></i>
    • <i class="tf tf-bootstrap tf-5x"></i>

  • Use with the tf and tf-*-b classes for boxed icons:
    • <i class="tf tf-express-b"></i>
    • <i class="tf tf-bootstrap-b tf-5x"></i>

  • Include the additional CSS and JS, and use the tf and tf-*-clr or tf-*-clr-b classes for multi-color icons:
    • Include: <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/cdgco/techfont@latest/dist/techFontColor.css">
    • Include: <script src="https://cdn.jsdelivr.net/gh/cdgco/techfont@latest/dist/techFontColor.js">
    • <i class="tf tf-mongodb-clr"></i>
    • <i class="tf tf-mongodb-clr-b"></i>
    • <i class="tf tf-vue-clr-b tf-5x"></i>