Lineicons provides an extensive library of essential icons, perfect for designers and developers seeking high-quality, free icons. Our free basic version includes over 600 icons in a clean, line-style design, available for use in any personal or commercial projects without attribution.
You can install Lineicons easily as an npm package.
npm install lineiconsOr, using Yarn:
yarn add lineiconsTo use Lineicons with CSS, link the lineicons.css file in your project’s <head>:
<head>
<link href="[/project_path]/dist/lineicons.css" rel="stylesheet" />
</head>Now you can start using Lineicons:
<i class="lni lni-add-file"></i>Alternatively, use SVG icons directly in your HTML, offering greater flexibility such as scaling, multi-color options, and advanced CSS animations, all while maintaining high resolution.
Add the following script to your project:
<script type="module" src="[/project_path]/dist/lineicons.js"></script>You can now use the <line-icon> custom element in your HTML:
<line-icon name="home" type="regular"></line-icon>This approach ensures icons remain sharp, no matter the size.
For a quick start, Lineicons is also available via CDN, compatible with both free and premium versions.
<link rel="stylesheet" href="https://cdn.lineicons.com/5.0/lineicons.css" />You can download icons in various formats, including React, SVG, PNG, Figma, Vue, Svelte, and more from our Icons page.
Support our project and inspire our team by starring 🌟 our repository and sharing it with others. If you enjoy using Lineicons, consider upgrading to Lineicons Pro.
Lineicons Basic is completely free! Feel free to use it in personal or commercial projects, no attribution required.