{"id":7131,"library":"dash-iconify","title":"Dash Iconify","description":"Dash Iconify is a component library for Plotly Dash applications that integrates over 100,000 vector icons from the Iconify ecosystem. It dynamically fetches only the icons needed, offering an efficient way to enhance the visual appeal and user experience of Dash apps. The library is actively maintained with periodic updates.","status":"active","version":"0.1.2","language":"python","source_language":"en","source_url":"https://github.com/snehilvj/dash-iconify","tags":["dash","plotly","icons","web development","ui","front-end"],"install":[{"cmd":"pip install dash-iconify","lang":"bash","label":"Pip"}],"dependencies":[{"reason":"Peer dependency for all Dash component libraries.","package":"dash","optional":false},{"reason":"Runtime environment requirement.","package":"python","optional":false}],"imports":[{"wrong":"from dash_iconify import DashIconify","symbol":"DashIconify","correct":"import dash_iconify"}],"quickstart":{"code":"import dash\nfrom dash import html\nfrom dash_iconify import DashIconify\n\napp = dash.Dash(__name__)\n\napp.layout = html.Div([\n    html.H1(\"My Dash App with Icons\"),\n    DashIconify(icon=\"ion:logo-github\", width=30, color=\"#181717\"),\n    DashIconify(icon=\"dashicons:align-wide\", width=40, color=\"#0073AA\"),\n    DashIconify(icon=\"fa6-brands:python\", width=50, color=\"#306998\")\n])\n\nif __name__ == '__main__':\n    app.run_server(debug=True)","lang":"python","description":"This quickstart demonstrates how to initialize a Dash app and incorporate multiple icons using the `DashIconify` component. Icons are specified using a string in the format `icon-prefix:icon-name`, and their size and color can be customized with `width` and `color` props."},"warnings":[{"fix":"Ensure `icon` prop values conform to the `icon-prefix:icon-name` format as per Iconify documentation. Update to `dash-iconify>=0.1.0`.","message":"The `icon` prop behavior was fixed in version `0.1.0`. Code relying on previous, potentially buggy behavior of the `icon` prop might need adjustments.","severity":"breaking","affected_versions":"<0.1.0"},{"fix":"Always set explicit `width` and `height` props on `DashIconify` components to pre-allocate space and prevent layout reflow. Example: `DashIconify(icon=\"...\", width=24, height=24)`.","message":"Icons may 'flicker' or cause layout shifts on initial page load if their `width` and `height` are not explicitly defined, as they initially render at 0px.","severity":"gotcha","affected_versions":"All versions"},{"fix":"Refer to the Dash Iconify documentation or community forums for examples on how to configure custom `IconifyProviders` in your `assets` folder and add a Flask route to serve local icon JSON files.","message":"Using local or self-hosted icons with `DashIconify` requires additional setup involving custom Flask routes and JavaScript assets to serve the icon data.","severity":"gotcha","affected_versions":"All versions"},{"fix":"Upgrade to `dash-iconify>=0.1.2` to utilize the `className` prop for applying custom CSS classes. For older versions, use the `style` prop for inline styling.","message":"The `className` prop was introduced in version `0.1.2`. Users on earlier versions attempting to use this prop for custom styling will find it unsupported.","severity":"gotcha","affected_versions":"<0.1.2"}],"env_vars":null,"search_vec":"'000':17 '100':16 'activ':49 'app':45 'appeal':39 'applic':12 'compon':7 'dash':1,3,11,44,54 'develop':58 'dynam':25 'ecosystem':23 'effici':33 'end':62 'enhanc':36 'experi':42 'fetch':26 'front':61 'front-end':60 'icon':19,29,56 'iconifi':2,4,22 'integr':14 'librari':8,47 'maintain':50 'need':30 'offer':31 'period':52 'plot':10,55 'ui':59 'updat':53 'user':41 'vector':18 'visual':38 'way':34 'web':57","created_at":"2026-04-16T13:44:48.772034+00:00","updated_at":"2026-04-16T13:44:48.772034+00:00","problems":{"verify_error":"Traceback (most recent call last):\n  File \"<string>\", line 1, in <module>\n  File \"/tmp/tmpkq86csmx/venv/lib/python3.12/site-packages/dash_iconify/__init__.py\", line 7, in <module>\n    import dash as _dash\nModuleNotFoundError: No module named 'dash'"},"ecosystem":"pypi","meta_description":null,"install_score":null,"quickstart_score":null,"quickstart_tag":null,"pypi_latest":"0.1.2","cli_name":"","cli_version":null,"type":"library","homepage":null,"github":"https://github.com/snehilvj/dash-iconify","docs":null,"changelog":null,"pypi":"https://pypi.org/project/dash-iconify/","npm":null,"openapi_spec":null,"status_page":null,"smithery":null,"categories":["web-framework"],"base_url":null,"auth_type":null,"provenance":{"verified_status":"import_fail","verified_at":"2026-07-03","last_verified":"2026-07-03","next_check":"2026-07-10","install_tag":null}}