Displays an SVG icon, which can be interactive.
<> <Ui.Icon size={Ui.Size.Px(30)} icon={Ui.Icons.ALERT} opacity={1}/> <Ui.Icon size={Ui.Size.Px(30)} icon={Ui.Icons.ALERT} opacity={0.75}/> <Ui.Icon size={Ui.Size.Px(30)} icon={Ui.Icons.ALERT} opacity={0.5}/> <Ui.Icon size={Ui.Size.Px(30)} icon={Ui.Icons.ALERT} opacity={0.25}/></>
<> <div style="font-size: 14px"><Ui.Icon icon={Ui.Icons.DESKTOP_DOWNLOAD}/></div> <div style="font-size: 18px"><Ui.Icon icon={Ui.Icons.DESKTOP_DOWNLOAD}/></div> <div style="font-size: 26px"><Ui.Icon icon={Ui.Icons.DESKTOP_DOWNLOAD}/></div> <div style="font-size: 32px"><Ui.Icon icon={Ui.Icons.DESKTOP_DOWNLOAD}/></div></>
<> <div style="color: red;"> <Ui.Icon icon={Ui.Icons.DESKTOP_DOWNLOAD} size={Ui.Size.Px(30)}/> </div> <div style="color: orangered"> <Ui.Icon icon={Ui.Icons.DESKTOP_DOWNLOAD} size={Ui.Size.Px(30)}/> </div> <div style="color: rebeccapurple"> <Ui.Icon icon={Ui.Icons.DESKTOP_DOWNLOAD} size={Ui.Size.Px(30)}/> </div> <div style="color: magenta"> <Ui.Icon icon={Ui.Icons.DESKTOP_DOWNLOAD} size={Ui.Size.Px(30)}/> </div></>
Mint UI is a design system and component library for building websites, web and desktop applications.