Components: mat-select custom icon

[SnehalBhavsar]

Bug, feature request, or proposal:

feature request

What is the expected behavior?

does mat-select control allow us to change icon. similar to how datepicker allows it. as shown below.
https://github.com/angular/material2/tree/master/src/material-examples/datepicker-custom-icon

What is the current behavior?

we are not able to change icon which appears in mat-select

What are the steps to reproduce?

Providing a StackBlitz reproduction is the best way to share your issue.

StackBlitz starter: https://goo.gl/wwnhMV

What is the use-case or motivation for changing an existing behavior?

this would help in customize as per page theme.

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Angular 5

Is there anything else we should know?

N/A

[goughjo02]

this can do it in angular 6

put this inside your mat-form-field
```

Name

then you can put whatever icon you want in there.

to disable the default icon 

.mat-select-arrow {
display: none;
}
```

[karlmnz]

.mat-select-arrow { display: none; } doesn't help in A7 as with reactive form control it somehow hide the select value also. Can click to get dropdown but the value is never displayed.

[Koziuk-S]

You can use visibility: hidden or border: none for .mat-select-arrow

Like this:
.mat-select-arrow { visibility: hidden; }

[paulpinto88]

i am not able to change the down arrow icon for the mat-select