This tool is optimizing svg file according to react-feather
svg icon standards
These are:
- Not using fill colors
- Stroke color as 'currentColor' (it allows coloring via css "color" attribute)
- Styled in 24x24 grid
- Stroke width set on 2
- Stroke linecap set on 'round'
- Stroke linejoin set on 'round'
- Nicely formatted html
- Using 'http://www.w3.org/2000/svg' standard
- Using ViewBox '0 0 24 24'
How do I now that image is suitable for using as feather-icon
?
- Icon is not cut from sides
- Has no parts missing (Not using fill color)
- Has nice stroke width of lines (sometimes bit different than original)