---
layout: example.html
title: Icon Colors
shortdesc: Example assigning a custom color to an icon
docs: >
  Example assigning a custom color to an icon. The features in this examples are all using the same image with the different colors coming from the javascript file.
  Note that icon files need to obey the same origin policy or send proper CORS headers for this to work. When relying on CORS headers, the `ol/style/Icon` must be configured with `crossOrigin: 'anonymous'`.
tags: "vector, style, icon, marker"
resources:
---
<div id="map" class="map"></div>