Skip to main content

Segmented nav

  • タグ: nav, tabs, tabbed, app, ui
  • カテゴリ: Controls

Examples

Heading
Smaller heading

Inline text

Example link text

ダウンロード

SVGをダウンロードし、利用・編集ができます。

SVGをダウンロード

アイコンフォント

Webフォントを利用していますか？コピーしてペーストすればすぐに使えます。

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

コードポイント

  • Unicode: U+F52B
  • CSS: \F52B
  • JS: \uF52B
  • HTML: &#xF52B;

HTMLをコピー

SVGをコピーしてソースコードにペーストします。

<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-2V6zm6 3h4V5H6v4zm9-1V6a1 1 0 0 0-1-1h-3v4h3a1 1 0 0 0 1-1z"/>
</svg>