filter.css

.filter-icon {
    width: 30px;
	height: 30px;
	background-size: cover;
	background-repeat: no-repeat;
	display: inline-block;
	background-image: url(
        data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAMAAABrrFhUAAAA/FBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD////zwnWvAAAAUnRSTlMAAQMEBQcICgsNDxIXHR8iJSotLzM1Nzg5Oj9CQ0RFRkxUVVdZYGNlamtvepmjqauxs7S6vsjKzNTW2d3e4OLk5ebn6Ovs7e7w8fLz9fb5/P3+D91kYQAAAAFiS0dEU3pnHQYAAANDSURBVHja7dznbhNBGEbhAdN7T0yoofcOoYZQEgIxye79Xwy/EBKK7d2d9pXz3sF5pB3N2tKGwBhjjDHGGGOMMcYYY4wxxhhjjDHGGPO8A7eeftpqFW6y+vzOofj+pY+t4n2+Ftt/Y7tVveZ2XP/Z363ybY+jAF616reyN6L/SmtgyxEAjywAPIsAWLMAsDUa3H+0NbGTgwGO2wA4M/wS2JgAODb8DHhjof99xCF41wLAgwiA/Sv6+z8cjrkJnl7X3v/rfNzLwIUfyi8BS7Gvg+c2VPdfiv9BQLNAin7NAmn69Qqk6tcqkK5fp0DKfo0Cafv1CaTu1yaQvl+XQI5+TQJ5+vUI5OrXIpCvX4dAzn4NAnn75Qvk7pcukL9ftkCJfskCZfrlCpTqlypQrl+mQMl+iQJl++UJlO6XJlC+X5ZAjX5JAnX65QjU6pciUK9fhkDNfgkCdfvrC9Tury1Qv7+ugIT+mgITEf31BCaXQ/AsIKe/joCk/hoCsvrLC0jrLy0gr7+sgMT+kgIy+8sJSO0vJSC3v4yA5P4SArL78wtI788tIL8/r4CG/pwCOvrzCWjpzyWgpz+PgKb+HAK6+tMLaOtPLaCvP62Axv6UAjr70wlo7U8loLc/jYDm/hQCuvvjBbT3xwro748TsNAfI2Cjf7iAlf4QFnYGAVwNZjbsu5QHAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIdvwDvDWO8BD7wBL3gHCC+8AJ746BwgLP50DhPGmc4ABAsYA+gtYA+gtYA6gr4A9gJ4CBgH6CVgE6CVgEqCPgE2AHgJGAboLWAXoLGAWoKuAXYCOAoYBuglYBugkYBqgi4BtgA4CxgHC4qZzgLkC5gHmCdgHmCPgAGC2gAeAmQIuAGYJ+ACYIeAEYLqAF4CpAm4Apgn4AQjj3f47bkbBt8B6CL4FXroC2OUcuB98C3w74gzgv6egWQ7utvj9X//OveBwp17/7X93MbjcnutPvjTN2uObo+B3o32BMcYYY4wxxhhjjDHGWLb9ARgEBs1irEm9AAAAAElFTkSuQmCC
    );
}