Colors

Use the fill prop to change the icon color (defaults to currentColor):


<Alarm fill="#ff0000" />
<Alarm fill="rgb(0, 128, 255)" />
<Alarm fill="currentColor" /> <!-- Inherits text color -->

Customizing Duotone Colors


<!-- Customizing duotone each layer color and opacity -->
<Alarm 
  pack="duotone"
  primaryFill="#1E40AF"
  primaryOpacity={1}
  secondaryFill="#3B82F6"
  secondaryOpacity={0.4}
/>
 
<!-- Customizing duotone whole svg -->
<Alarm 
  pack="duotone"
  fill="#3B82F6"
  opacity={0.8}
/>

Opacity

Control transparency with the opacity prop:


<Alarm opacity={0.5} />
<Alarm opacity="0.75" />