Select platform: [Android](https://developers.google.com/maps/documentation/places/android-sdk/icons.md.txt "View this page for the Android platform docs.") [iOS](https://developers.google.com/maps/documentation/places/ios-sdk/icons.md.txt "View this page for the iOS platform docs.") [JavaScript](https://developers.google.com/maps/documentation/javascript/place-icons.md.txt "View this page for the JavaScript platform docs.") [Web Service](https://developers.google.com/maps/documentation/places/web-service/icons.md.txt "View this page for the Web Service platform docs.")

Place icons indicate the various types of places (for example coffee shops,
libraries, and museums). You can request URLs for icons in PNG format, as well
as the corresponding icon background color, with
[Current Place](https://developers.google.com/maps/documentation/places/android-sdk/current-place),
and [Place Details (New)](https://developers.google.com/maps/documentation/places/android-sdk/details-place.md.txt)
requests.

To request an icon image and background color for a place, include the
following fields in your request:

- `Place.Field.ICON_MASK_URL`
- `Place.Field.ICON_BACKGROUND_COLOR`

The following examples demonstrate using the icon image and background color
from a Current Place or Place Details request:

### Kotlin

```kotlin
    // Set the image view's background color to match the place's icon background color
    val bgColor = place.iconBackgroundColor ?: Color.TRANSPARENT
    binding.placesIconResult.setBackgroundColor(bgColor)

    // Fetch the icon using Glide and set the result in the image view
    Glide.with(this)
        .load(place.iconMaskUrl)
        .into(binding.placesIconResult)

      
```

### Java

```java
    // It's recommended to retrieve the icon_background_color and icon_mask_base_uri fields from
    // a
    // FetchPlaceRequest and pass them to the Place object.
    // Set the image view's background color to match the place's icon background color
    Integer iconBackgroundColor = place.getIconBackgroundColor();
    if (iconBackgroundColor == null) {
        iconBackgroundColor = Color.TRANSPARENT;
    }
    binding.placesIconResult.setBackgroundColor(iconBackgroundColor);

    // Fetch the icon using Glide and set the result in the image view
    Glide.with(this).load(place.getIconMaskUrl()).into(binding.placesIconResult);

      
```
This example uses the [Glide](https://github.com/bumptech/glide) image loading library, but you can use the image loading library of your choice.

> [!CAUTION]
> Icon URLs may change, so be sure to always use `Place.Field.ICON_MASK_URL` to look up the URL for an icon.

## Fields

Each Place icon contains these fields:

- `ICON_MASK_URL` returns the base URL for a non-colored PNG icon.
- `ICON_BACKGROUND_COLOR` returns the default color code for the place's category.

## Place icon and background color requests

The following tables show all of the available place icons by category. By
default these display with a black glyph. The icon background color
is dictated by the place's category.

| **Place category: Food and drink** (icon background color #FF9E67) ||||
|---|---|---|---|
| ![Bar](https://maps.gstatic.com/mapfiles/place_api/icons/v2/bar_pinlet.svg) Bar, Night club | ![Cafe](https://maps.gstatic.com/mapfiles/place_api/icons/v2/cafe_pinlet.svg) Cafe | ![Restaurant](https://maps.gstatic.com/mapfiles/place_api/icons/v2/restaurant_pinlet.svg) Restaurant, Bakery |
| ![Bookstore](https://maps.gstatic.com/mapfiles/place_api/icons/v2/shopping_pinlet.svg) Books, Clothing, Electronics, Jewelry, Shoes, Shopping center/Mall | ![Convenience store](https://maps.gstatic.com/mapfiles/place_api/icons/v2/convenience_pinlet.png) Convenience store | ![Grocery](https://maps.gstatic.com/mapfiles/place_api/icons/v2/shoppingcart_pinlet.svg) Grocery, Supermarket | ![Pharmacy](https://maps.gstatic.com/mapfiles/place_api/icons/v2/pharmacy_pinlet.svg) Pharmacy |
| ![ATM](https://maps.gstatic.com/mapfiles/place_api/icons/v2/atm_pinlet.svg) ATM | ![Bank](https://maps.gstatic.com/mapfiles/place_api/icons/v2/bank-intl_pinlet.svg) Bank | ![Gas](https://maps.gstatic.com/mapfiles/place_api/icons/v2/gas_pinlet.svg) Gas | ![Lodging](https://maps.gstatic.com/mapfiles/place_api/icons/v2/hotel_pinlet.svg) Lodging |
| ![Post office](https://maps.gstatic.com/mapfiles/place_api/icons/v2/postoffice_pinlet.svg) Post office |
| ![Aquarium, Tourist](https://maps.gstatic.com/mapfiles/place_api/icons/v2/dolphin_pinlet.svg) Aquarium, Tourist | ![Golf](https://maps.gstatic.com/mapfiles/place_api/icons/v2/golf_pinlet.svg) Golf | ![Historic](https://maps.gstatic.com/mapfiles/place_api/icons/v2/historic_pinlet.svg) Historic | ![Movie](https://maps.gstatic.com/mapfiles/place_api/icons/v2/movie_pinlet.svg) Movie |
| ![Museum](https://maps.gstatic.com/mapfiles/place_api/icons/v2/museum_pinlet.svg) Museum | ![Theater](https://maps.gstatic.com/mapfiles/place_api/icons/v2/theater_pinlet.svg) Theater |
| ![Airport](https://maps.gstatic.com/mapfiles/place_api/icons/v2/airport_pinlet.svg) Airport | ![Bus](https://maps.gstatic.com/mapfiles/place_api/icons/v2/bus_share_taxi_pinlet.svg) Bus, rideshare, taxi | ![Train/Rail](https://maps.gstatic.com/mapfiles/place_api/icons/v2/train_rail_1_pinlet.svg) Train/Rail |
| ![Cemetery](https://maps.gstatic.com/mapfiles/place_api/icons/v2/cemetery_pinlet.svg) Cemetery | ![Civic building](https://maps.gstatic.com/mapfiles/place_api/icons/v2/civic-bldg_pinlet.svg) Civic building | ![Library](https://maps.gstatic.com/mapfiles/place_api/icons/v2/library_pinlet.svg) Library | ![Monument](https://maps.gstatic.com/mapfiles/place_api/icons/v2/monument_pinlet.svg) Monument |
| ![Parking](https://maps.gstatic.com/mapfiles/place_api/icons/v2/parking_pinlet.svg) Parking | ![School (primary, secondary, university)](https://maps.gstatic.com/mapfiles/place_api/icons/v2/school_pinlet.svg) School (primary, secondary, university) | ![Worship (Christian)](https://maps.gstatic.com/mapfiles/place_api/icons/v2/worship_christian_pinlet.svg) Worship (Christian) |
| ![Worship (Hindu)](https://maps.gstatic.com/mapfiles/place_api/icons/v2/worship_hindu_pinlet.svg) Worship (Hindu) | ![Worship (Islam)](https://maps.gstatic.com/mapfiles/place_api/icons/v2/worship_islam_pinlet.svg) Worship (Islam) | ![Worship (Jain)](https://maps.gstatic.com/mapfiles/place_api/icons/v2/worship_jain_pinlet.svg) Worship (Jain) | ![Worship (Jewish)](https://maps.gstatic.com/mapfiles/place_api/icons/v2/worship_jewish_pinlet.svg) Worship (Jewish) |
| ![Worship (Sikh)](https://maps.gstatic.com/mapfiles/place_api/icons/v2/worship_sikh_pinlet.svg) Worship (Sikh) | ![Generic business](https://maps.gstatic.com/mapfiles/place_api/icons/v2/generic_pinlet.svg) Generic business |
| ![Boating](https://maps.gstatic.com/mapfiles/place_api/icons/v2/boating_pinlet.svg) Boating | ![Camping](https://maps.gstatic.com/mapfiles/place_api/icons/v2/camping_pinlet.svg) Camping | ![Park](https://maps.gstatic.com/mapfiles/place_api/icons/v2/tree_pinlet.svg) Park | ![Stadium](https://maps.gstatic.com/mapfiles/place_api/icons/v2/stadium_pinlet.svg) Stadium |
| ![Zoo](https://maps.gstatic.com/mapfiles/place_api/icons/v2/paw_pinlet.svg) Zoo |
| ![Hospital](https://maps.gstatic.com/mapfiles/place_api/icons/v2/hospital-H_pinlet.svg) Hospital | ![Police](https://maps.gstatic.com/mapfiles/place_api/icons/v2/police_pinlet.svg) Police |