Starter Template

Sometimes you might get confused about how you can use Lineicons. Here’s a quick starter code to help you out.

Copy and paste this to your index.html file make sure to update the lineicons.css file path as your project structure.

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, shrink-to-fit=no"
    />
    <!-- Lineicons CSS -->
    <link href="your-project-dir/icon-font/lineicons.css" rel="stylesheet" />
    <title>Lineicons Starter Template</title>
  </head>
  <body>
    <h1>Icons Added!</h1>
    <i class="lni lni-add-file"></i>
    <i class="lni lni-cart"></i>
    <i class="lni lni-calculator"></i>
  </body>
</html>

NPM Packages Using as TTF Font