Change icon color for v-select component

I set an icon to v-select component but I want to change its color to red.

<div id="app">
  <v-app id="inspire">
    <v-container fluid>
      <v-row align="center">
        <v-col class="d-flex" cols="12" sm="6">
          <v-select
            :items="items"
            label="Standard"
            prepend-icon="edit"
          ></v-select>
        </v-col>
      </v-row>
    </v-container>
  </v-app>
</div>

Codepen

How to colorize the icon ?

Just use the slot prepend

<v-select
  :items="items"
  label="Standard">
  <template v-slot:prepend>
    <v-icon color="red">edit</v-icon>
  </template>
</v-select>

Check Vuetify documentation.
https://vuetifyjs.com/en/components/selects#selects

If you inspect the example, the html is:

<i aria-hidden="true" class="v-icon notranslate material-icons theme--light">map</i>

Vuetify has abstract classes for colors. In this case: .theme--light.v-icon
The documentation of colors is:
https://vuetifyjs.com/en/styles/colors#

There you could select the color you want and via sass change it.
Furthermore, you could set it like:

.v-icon {
  color: ##0F0F0F;
}

You can change color simply using Markup

    <div id="app">
      <v-app id="inspire">
        <v-container fluid>
          <v-row align="center">
            <v-col class="d-flex" cols="12" sm="6">
              <v-select
                :items="items"
                label="Standard"
                prepend-icon="edit"
              >
                 <template v-slot:prepend>
                  <v-icon color="green">edit</v-icon>
                </template>
              </v-select>
              
            </v-col>
          </v-row>
        </v-container>
      </v-app>
    </div>

See link: https://codepen.io/pen/BaymmWQ