{"repo":"cyberalien/line-md","free":true,"listed":false,"github":"https://github.com/cyberalien/line-md","clone":"git clone https://github.com/cyberalien/line-md.git","description":"Animated icons. Multiple formats to choose from: SVG animations, SVG with CSS animations, SVG rendered frame by frame.","language":"SVG","stars":366,"topics":["icons","animated-icons","animation","svg","icon-set","material-design"],"license":"MIT","category":"ui-components","readme_excerpt":"Material Line Icons 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: - Icons are animated without JavaScript. - It follows guidelines that are used for 'Round' and 'TwoTone' icons in the official Material Design Icons set. - Sometimes 1px thin lines are used where it makes sense. 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. Rendering animation Vast majority of icons in this repository use \"rendering\" animation: icon shapes are rendered one by one. This is the safest way to animate icons, which improves UX rather than makes it worse. Why is that? Typical \"bounce\" animations make UX worse because: - They take user's focus from actual content. - Looping animations use a lot of resources, making page slower. CPU is always busy, so on mobile devices such animations deplete battery. Rendering animation, if used correctly, can improve user experience. Animation takes user focus only temporarily, when icon is rendered. Animation duration is very short, so it does not use too much resources. Icon requests If you like this icon set, but it is missing icons that you need, please open an issue at repository. Pull requests with icons are not accepted. This icon set is used as for testing custom SVG animation software, all icons in this repository are generated by that software. Icon types There are several directori","default_branch":null,"files":null,"tree":[],"storefront":"/r/cyberalien","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/cyberalien/line-md/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}