Close Icon Svg Code. A simple but interactive close button. Iconmonstr uses cookies to ensure you get the best experience on the website.
If the icon’s shapes do not inherit the parent’s text color (currentcolor), check that you don’t have hardcoded fill attributes in your icon’s code.why not style the svg selector directly?. Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with fa. Log in if you'd like to delete this.
I’ve been a big proponent of icon fonts.
However, i think assuming you’re good with ie 9+, using inline svg and the <use> element to reference an icon is a superior system. About the code hamburger icon animation to cross underline with css we animate the hamburger icon, which gives access to the responsive menu using transformations and css pseudo elements along with html, and turning the element into a new menu close icon that improves the ux in case the user wants to return to the previous view. The example below defines a path that starts at position 150,0 with a line to position 75,200 then from there, a line to 225,200 and finally closing the path back to 150,0: This icon was created with a text editor.