## Dash Iconify Add icons to your dash apps the simplest and the most efficient way. Category: Dash ### Why Use This? DashIconify fetches only the icons you need. You can use icons from over 100 icon sets without loading all of them. Search [here](https://icon-sets.iconify.design/) for the desired icon and use DashIconify to use that in your dash app. [Source Code](https://github.com/snehilvj/dash-iconify) ### Installation ```bash pip install dash-iconify ``` ```bash poetry add dash-iconify ``` ### Simple Usage DashIconify component can be customized with `width`, `height`, `rotate` and `flip` props. ```python import dash_mantine_components as dmc from dash_iconify import DashIconify component = dmc.Group( [ DashIconify(icon="ion:logo-github", width=30, rotate=1, flip="horizontal"), DashIconify(icon="flat-ui:settings", width=30), DashIconify( icon="feather:info", color=dmc.DEFAULT_THEME["colors"]["yellow"][5], width=30, ), ] ) ``` ### Usage With DMC Although dash-iconify can be used with any dash components library, be it, dash-mantine-components, dash-core-components or dash-bootstrap-components, DMC provides direct hooks for adding icons to enhance the look and feel of your apps. ```python from datetime import date import dash_mantine_components as dmc from dash_iconify import DashIconify component = dmc.Group( [ dmc.DatePickerInput( value=date.today(), leftSection=DashIconify(icon="clarity:date-line") ), dmc.Alert( icon=DashIconify(icon="radix-icons:cross-circled"), children="There seems to be an error!", color="red", ), dmc.Button( "Open Settings", leftSection=DashIconify(icon="carbon:settings-check", width=20), ), ] ) ```