title: Firebase FCM http v1 icon not showing in browser
body: <p>I'm following <a href="https://firebase.google.com/docs/cloud-messaging/send-message" rel="nofollow noreferrer">this tutorial</a>, so far I have notifications working for web browsers (tested in chrome)</p>
  
  <p>But I don't know how to send the icon via payload, so far what I've done is send the body of the request as follows (I'm using firebase cloud functions):</p>
  
  <pre><code>{
      'message': {
       token,
       'notification': {
           title,
           body,
           icon // &lt;-- added the icon              
           }
      }
  }
  </code></pre>
  
  <p>if I try to add the icon in the message payload I get a bad request when I do the post to the google FCM URL.</p>
  
  <p>it works without adding the icon property to the payload, obviously, that's the error, the question again is how to send the icon in the payload to work.</p>
  
  <p>thanks</p>
  
  <p>EDIT, I'm posting my post function:</p>
  
  <pre><code>async function notification(messageBody) {
      const api = 'https://fcm.googleapis.com/v1/projects/{projectID}/messages:send';
      const accessToken = await getAccessToken();
      const response = await fetch(api, {
          headers: {
              'Accept': 'application/json',
              'Content-type': 'application/json',
              'Authorization': `Bearer ${accessToken}`
          },
          method: 'POST',
          body: messageBody
      });
      return response;
  }
  </code></pre>