Icon category · 80 icons

Navigation and layout icons for Power BI

Navigation icons let readers move: home, menu, back, next section. A report with a side menu or a page navigator is easier to use when each entry has a clear icon.

Colour

80 icons

App window

Lucide · ISC · #2563EB

Copy for Power BI

Icon App window =
VAR IconColour = "%232563EB" -- write # as %23 inside a data URI
RETURN
    "data:image/svg+xml;utf8," &
    "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' color='" & IconColour & "' fill='none' stroke='" & IconColour & "' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' width='24' height='24'><rect x='2' y='4' width='20' height='16' rx='2'/><path d='M10 4v4'/><path d='M2 8h20'/><path d='M6 4v4'/></svg>"

DAX measure and data URI: set the measure's Data category to Image URL. Theme icon JSON: paste its iconsblock into your current theme JSON and import that with Design → Import theme (older builds: View → Themes → Browse for themes), then pick the icon in Conditional formatting → Icons. Importing the icons-only file on its own replaces your theme, so your colours and text styles fall back to Power BI's defaults.

Your set (0)

Theme JSON holds only the icons: merge its icons block into your current theme before importing, or your theme's colours reset.

Add up to 24 icons (for example good / neutral / bad) to export them together.

Using navigation & layout icons in Power BI

Where navigation & layout icons earn their place in a report, and how to keep them readable.

A home icon must always go to the same page. If 'home' differs by section, readers stop trusting it; use a section icon instead.

In a collapsed icon rail, every icon needs a tooltip. Set the button's Tooltip text in Format → Action so hover explains what the icon opens.

Power BI tip: For an icon rail, use one blank button per page (Insert → Buttons → Blank), set Format → Button → Icon → Icon type: Custom with these SVGs, and Action → Type: Page navigation with the destination page.

Good uses

Side-menu buttons
Home / back buttons
Page navigator entries
Collapse / expand panel toggles

Three steps from this page to your report

01
Pick and colour
Choose one of the navigation & layout icons below and set its colour to match your theme.
02
Copy the format you need
SVG or PNG for Image visuals and button icons; the DAX measure or data URI for tables, matrices and cards; theme icon JSON for conditional formatting.
03
Bind it in Power BI
For a measure, set Measure tools → Data category to Image URL. For theme icons, import the theme and choose the icon in Conditional formatting → Icons.

Want the icon next to a formatted value with a target colour? The free DAX SVG measure builder draws icon + value cards, and the conditional formatting icons recipe walks through custom icon sets end to end.

Questions about these icons

Can I use these navigation & layout icons in commercial Power BI reports?

Yes. They come from open-source sets under the MIT or ISC licence (25 from Lucide, 24 from Tabler Icons, 7 from Heroicons, 24 from Fluent UI System Icons), which allow commercial use. Keep the licence notice when you redistribute the icon files themselves; the full texts are on the licence page. Licence texts · licence file (.txt)

Why does my DAX icon show as text?

The measure's Data category must be Image URL (Measure tools → Data category). Also check that every # in the SVG is written as %23, which the copied measure already does.