- Notifications
You must be signed in to change notification settings - Fork2
Free essential line icons for designers and developers - Available in SVG, Figma and Icon Font. 100% Free to use with commercial or personal projects
License
LineiconsHQ/Lineicons
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
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 annpm package.
npm install lineicons
Or, using Yarn:
yarn add lineicons
To use Lineicons with CSS, link thelineicons.css
file in your project’s<head>
:
<head><linkhref="[/project_path]/dist/lineicons.css"rel="stylesheet"/></head>
Now you can start using Lineicons:
<iclass="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:
<scripttype="module"src="[/project_path]/dist/lineicons.js"></script>
You can now use the<line-icon>
custom element in your HTML:
<line-iconname="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.
<linkrel="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 ourIcons page.
Support our project and inspire our team bystarring 🌟 our repository and sharing it with others. If you enjoy using Lineicons, consider upgrading toLineicons Pro.
Lineicons Basic is completely free! Feel free to use it in personal or commercial projects, no attribution required.