Material - Iconos de mapas

Este capítulo explica el uso de los iconos de Mapas (de materiales) de Google. Asumir quecustom es el nombre de la clase CSS donde definimos el tamaño y el color, como se muestra en el ejemplo que se muestra a continuación.

<!DOCTYPE html>
<html>
   <head>
      <link href = "https://fonts.googleapis.com/icon?family=Material+Icons" rel = "stylesheet">
		
      <style>
         i.custom {font-size: 2em; color: green;}
      </style>
		
   </head>
	
   <body>
      <i class = "material-icons custom">accessibility</i>
   </body>
	
</html>

La siguiente tabla contiene el uso y los resultados de los iconos de Mapas (de materiales) de Google. Reemplace la etiqueta <body> del programa anterior con el código dado en la tabla para obtener las salidas respectivas -

Uso	Resultado
<i class = "material-icons custom"> estado </i>	estado aquí
<i class = "material-icons custom"> indicaciones </i>	direcciones
<i class = "material-icons custom"> Directions_bike </i>	Directions_bike
<i class = "material-icons custom"> Directions_boat </i>	Directions_boat
<i class = "material-icons custom"> direcciones_bus </i>	direcciones_bus
<i class = "material-icons custom"> Directions_car </i>	Directions_car
<i class = "material-icons custom"> Directions_railway </i>	Directions_railway
<i class = "material-icons custom"> Directions_run </i>	Directions_run
<i class = "material-icons custom"> Directions_subway </i>	Directions_subway
<i class = "material-icons custom"> Directions_transit </i>	Directions_transit
<i class = "material-icons custom"> Directions_walk </i>	Directions_walk
<i class = "material-icons custom"> vuelo </i>	vuelo
<i class = "material-icons custom"> hotel </i>	hotel
<i class = "material-icons custom"> capas </i>	capas
<i class = "material-icons custom"> capas_clear </i>	capas_claro
<i class = "material-icons custom"> actividad_local </i>	actividad_local
<i class = "material-icons custom"> aeropuerto_local </i>	aeropuerto_local
<i class = "material-icons custom"> local_atm </i>	local_atm
<i class = "material-icons custom"> barra_local </i>	barra_local
<i class = "material-icons custom"> local_cafe </i>	local_cafe
<i class = "material-icons custom"> local_car_wash </i>	local_car_wash
<i class = "material-icons custom"> local_convenience_store </i>	local_convenience_store
<i class = "material-icons custom"> local_dining </i>	local_dining
<i class = "material-icons custom"> bebida_local </i>	bebida_local
<i class = "material-icons custom"> local_florist </i>	florista_local
<i class = "material-icons custom"> local_gas_station </i>	estación_de_gas_local
<i class = "material-icons custom"> local_grocery_store </i>	local_grocery_store
<i class = "material-icons custom"> local_hospital </i>	hospital local
<i class = "material-icons custom"> local_hotel </i>	local_hotel
<i class = "material-icons custom"> local_laundry_service </i>	local_laundry_service
<i class = "material-icons custom"> local_library </i>	librería local
<i class = "material-icons custom"> local_mall </i>	local_mall
<i class = "material-icons custom"> local_movies </i>	local_movies
<i class = "material-icons custom"> local_offer </i>	local_offer
<i class = "material-icons custom"> local_parking </i>	estacionamiento_local
<i class = "material-icons custom"> farmacia_local </i>	farmacia_local
<i class = "material-icons custom"> local_phone </i>	local_phone
<i class = "material-icons custom"> local_pizza </i>	local_pizza
<i class = "material-icons custom"> juego_local </i>	juego_local
<i class = "material-icons custom"> local_post_office </i>	Oficina postal
<i class = "material-icons custom"> local_printshop </i>	local_printshop
<i class = "material-icons custom"> local_see </i>	ver_local
<i class = "material-icons custom"> envío_local </i>	envío_local
<i class = "material-icons custom"> local_taxi </i>	local_taxi
<i class = "material-icons custom"> mapa </i>	mapa
<i class = "material-icons custom"> mi_ubicación </i>	mi ubicacion
<i class = "material-icons custom"> navegación </i>	navegación
<i class = "material-icons custom"> person_pin </i>	person_pin
<i class = "material-icons custom"> pin_drop </i>	caída de un alfiler
<i class = "material-icons custom"> lugar </i>	sitio
<i class = "material-icons custom"> rate_review </i>	revisión de tasas
<i class = "material-icons custom"> restaurant_menu </i>	menú del restaurante
<i class = "material-icons custom"> satélite </i>	satélite
<i class = "material-icons custom"> store_mall_directory </i>	store_mall_directory
<i class = "material-icons custom"> tráfico </i>	tráfico
<i class = "material-icons custom"> terreno </i>	terreno