dash-iconify

library0.1.2pypypiunverified

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.

web-framework

pip install dash-iconify

github ↗package ↗

INSTALL

IMPORT

SIG · DASH-ICONIFY

dash-iconify

web-frameworkpythonv0.1.2

Install

1.5s avg

Import

—

Disk

16MB

Pass rate

10/ 10

Env Coverage10 / 10

glibc

3.9–3.13

musl

3.9–3.13

Install & Compatibility

Where this runs

tested against v0.1.2 · pip install

no network on importno background threads

Install × environment matrix

Each cell = how many times install + import succeeded across repeated harness runs. Partial = flaky.
glibc = Debian/Ubuntu slim · musl = Alpine Linux

musl

py 3.10–3.920 runs

installs and imports cleanly · install 0.0s · import 0.000s · 17.9MB

glibc

py 3.10–3.920 runs

installs and imports cleanly · install 1.5s · import 0.000s · 18MB

16MB installed

● package 16MB

Code

Verified usage

Verified import paths — ran on the pinned version, not inferred.

DashIconify

✓ import dash_iconify

✗ from dash_iconify import DashIconify

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.

import dash from dash import html from dash_iconify import DashIconify app = dash.Dash(__name__) app.layout = html.Div([ html.H1("My Dash App with Icons"), DashIconify(icon="ion:logo-github", width=30, color="#181717"), DashIconify(icon="dashicons:align-wide", width=40, color="#0073AA"), DashIconify(icon="fa6-brands:python", width=50, color="#306998") ]) if __name__ == '__main__': app.run_server(debug=True)

Debug

Known issues

breakingThe `icon` prop behavior was fixed in version `0.1.0`. Code relying on previous, potentially buggy behavior of the `icon` prop might need adjustments.

fix

Ensure `icon` prop values conform to the `icon-prefix:icon-name` format as per Iconify documentation. Update to `dash-iconify>=0.1.0`.

affects: <0.1.0

gotchaIcons 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.

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)`.

affects: All versions

gotchaUsing local or self-hosted icons with `DashIconify` requires additional setup involving custom Flask routes and JavaScript assets to serve the icon data.

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.

affects: All versions

gotchaThe `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.

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.

affects: <0.1.2

Upgrade

Version history

0.1.2latest on PyPI · released Apr 21, 2022

Audit

Dependencies

dashrequiredPeer dependency for all Dash component libraries.

pythonrequiredRuntime environment requirement.

Agent activity

3 hits · last 30 days

node

Resources

githubhttps://github.com/snehilvj/dash-iconify ↗

packagehttps://pypi.org/project/dash-iconify/ ↗