add filter to icon component

resources/frontend_client/app/query_builder/gui_query_editor.react.js

@@ -467,9 +467,7 @@ var GuiQueryEditor = React.createClass({
                 this.state.options.fields.length > 0) {
             return (
                 <a className="ml2" onClick={this.addFilter}>
-                    <svg className="icon" width="16px" height="16px" viewBox="0 0 16 16" fill="currentColor">
-                        <path d="M6.57883011,7.57952565 L1.18660637e-12,-4.86721774e-13 L16,-4.92050845e-13 L9.42116989,7.57952565 L9.42116989,13.5542169 L6.57883011,15 L6.57883011,7.57952565 Z"></path>
-                    </svg>
+                    <Icon name='filter' width={16} height={ 16} viewBox='0 0 16 16' />
                     Filter {(this.state.options) ? this.state.options.name : ""}
                 </a>
             );

resources/frontend_client/app/query_builder/icon.react.js

@@ -14,6 +14,7 @@ var Icon = React.createClass({
             'M16,31 L16,31 C24.2842712,31 31,24.2842712 31,16 C31,7.71572875 24.2842712,1 16,1 C7.71572875,1 1,7.71572875 1,16 C1,24.2842712 7.71572875,31 16,31 L16,31 Z M16,32 L16,32 C7.163444,32 0,24.836556 0,16 C0,7.163444 7.163444,0 16,0 C24.836556,0 32,7.163444 32,16 C32,24.836556 24.836556,32 16,32 L16,32 Z'
         ],
         expand: 'M16 4 L28 4 L28 16 L24 12 L20 16 L16 12 L20 8z M4 16 L8 20 L12 16 L16 20 L12 24 L16 28 L4 28z ',
+        filter: 'M6.57883011,7.57952565 L1.18660637e-12,-4.86721774e-13 L16,-4.92050845e-13 L9.42116989,7.57952565 L9.42116989,13.5542169 L6.57883011,15 L6.57883011,7.57952565 Z',
     },
     getDefaultProps: function () {
        return {