Animated Material Icons. Icons are animated using SVG Animations Level 2 spec, no scripts.
There are many icon sets that are designed to Material Design guidelines. You can find icons for anything you need.
This icon set is different:
You can browse all icons at https://icon-sets.iconify.design/line-md/
Click any icon to get code you can use in your project.
If you like this icon set, but it is missing icons that you need, please open an issue at repository.
Icons use SVG animations, which are contained in icon code and do not require external stylesheet or script.
No, these are not outdated SMIL animations. Icons are animated using modern SVG spec, supported by all browsers.
Most icons use "fade-in" animation. Animation shows icon appearing from nothing.
Other icons:
-loop
use infinite animtions.-out
disappear icon. It is the opposite of same icon without -out
suffix.-transition
transition between two icons.Include IconifyIcon component, see iconify-icon
package for latest code.
Add icon, using "line-md" prefix:
<iconify-icon icon="line-md:home"></iconify-icon>
There are few issues with SVG animations.
Iconify icon web component solves those issues, but if you are using icons without it, see article that explains known SVG issues and solutions.
MIT