Segmented nav

Tags: nav, tabs, tabbed, app, ui
Category: Controls

Examples

Heading

Smaller heading

Inline text

Example link text

Download

Download the SVG to use or edit.

Download SVG

Icon font

Using the web font? Copy, paste, and go.

<i class="bi bi-segmented-nav"></i>

Code point

Unicode: U+F52B
CSS: \F52B
JS: \uF52B
HTML: 

Copy HTML

Paste the SVG right into your project's code.

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-segmented-nav" viewBox="0 0 16 16">
  <path d="M0 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm6 3h4V5H6zm9-1V6a1 1 0 0 0-1-1h-3v4h3a1 1 0 0 0 1-1"/>
</svg>