How to use Lightning Web Component(lwc) as a utility bar item

To use a Lightning web component as a utility item in an app’s utility bar, add lightning__UtilityBar target in your metadata file.

Example

<?xml version="1.0" encoding="UTF-8"?>
<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata">
  <apiVersion>47.0</apiVersion>
  <isExposed>true</isExposed>
  <masterLabel>Demo Utility Bar Component</masterLabel>
  <targets>
      <target>lightning__UtilityBar</target>
  </targets>
</LightningComponentBundle>