Icons
1,279Icons
MITLicense
AnimatedStyle
24×24Grid

Line MD Icons

1,279 MIT-licensed animated icons on a 24×24 grid. The set is aimed squarely at interface feedback: loading spinners, upload and download progress, success and error transitions, and onboarding flourishes.

Browse Line MD icons by category Compare libraries

About Line MD Icons

What Line MD is

Line MD is a set of 1,279 animated SVG icons built around smooth path animation. Each icon animates its own stroke — drawing on, looping, or transitioning between states — using SVG and CSS, with no JavaScript required.

The set is aimed squarely at interface feedback: loading spinners, upload and download progress, success and error transitions, and onboarding flourishes. Because the animation is native SVG, icons stay lightweight and can be recoloured and resized like any other vector.

IconStash indexes the complete Line MD Icons collection. You can search it alongside 27 other libraries, preview any icon at any size and colour, and export SVG, PNG, React JSX, Vue, CSS, or an SVG sprite without installing a package or creating an account.

Install and use Line MD

React

npm install @iconify/react

The official package ships each icon as a tree-shakeable component, so bundlers only include the icons you actually import. Open any Line MD icon on IconStash and the Code tab shows that icon's exact import statement and JSX.

Plain SVG and other frameworks

You do not have to install anything. Every Line MD page lets you copy the raw SVG markup and paste it inline, which avoids a dependency entirely and gives you full control over colour, size, and stroke width.

IconStash also exports PNG at six sizes, Vue and CSS snippets, and SVG sprites — all generated in the browser from the original vector.

When to choose Line MD

Good fit

Loading states, form submission feedback, onboarding flows, empty states, and anywhere a static icon feels dead.

Consider alternatives

Animated icons are inappropriate for navigation and dense UI, where motion becomes distracting — use Lucide or Heroicons for those. Line MD is a complement to a static set, not a replacement.

Licensing

MIT. The full set, including the animations, is free for commercial use without attribution.

Line MD compared to other libraries

Popular Line MD icons

Browse Line MD by category

Frequently asked questions

What is Line MD Icons?

Line MD is a set of 1,279 animated SVG icons built around smooth path animation. Each icon animates its own stroke — drawing on, looping, or transitioning between states — using SVG and CSS, with no JavaScript required.

Is Line MD Icons free for commercial use?

Yes. Line MD Icons is released under the MIT license, which permits unrestricted commercial use, modification, and distribution. No attribution is required, though it is appreciated. This makes Line MD one of the safest icon libraries to use in commercial SaaS products, client work, and proprietary applications.

How do I use Line MD icons in React?

Install the package with npm install @iconify/react, then import icons as components. Every Line MD page on IconStash shows the exact import statement and usage snippet for that specific icon in the Code tab, so you can copy working code without checking the docs. Tree-shakeable packages mean your bundler only includes the icons you actually import.

Can I download Line MD icons as PNG?

Yes. Open any Line MD icon on IconStash and use the Download PNG button to export at 16, 32, 64, 128, 256, or 512 pixels. The PNG is generated client-side from the original vector, so it stays crisp at every size. You can also copy the raw SVG markup, export a React component, or build an SVG sprite without installing anything.

Do Line MD icons need JavaScript to animate?

No. The animations are built from SVG path animation and CSS, so they run without any JavaScript. That keeps them lightweight and means they work in contexts where scripting is restricted, such as email templates or sandboxed embeds.

Should I use animated icons throughout my interface?

No. Animation draws the eye, so it works for feedback and state changes — loading, success, error, progress — and becomes distracting when applied to navigation or dense toolbars. A good pattern is a static set like Lucide for structure and Line MD for moments of feedback. Remember to respect prefers-reduced-motion.

Explore other icon libraries