Skip to main content

Border middle

  • Tags: borders
  • Category: UI and keyboard

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-border-middle"></i>

Code point

  • Unicode: U+F1AE
  • CSS: \F1AE
  • JS: \uF1AE
  • HTML: &#xF1AE;

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-border-middle" viewBox="0 0 16 16">
  <path d="M.969 0H0v.969h.5V1h.469V.969H1V.5H.969zm.937 1h.938V0h-.938v1zm1.875 0h.938V0H3.78v1zm1.875 0h.938V0h-.938v1M8.5 16h-1V0h1zm.906-15h.938V0h-.938zm1.875 0h.938V0h-.938zm1.875 0h.938V0h-.938zm1.875 0h.469V.969h.5V0h-.969v.5H15v.469h.031zM1 2.844v-.938H0v.938zm14-.938v.938h1v-.938zM1 4.719V3.78H0v.938h1zm14-.938v.938h1V3.78h-1zM1 6.594v-.938H0v.938zm14-.938v.938h1v-.938h-1M.5 8.5h.469v-.031H1V7.53H.969V7.5H.5v.031H0v.938h.5zm1.406 0h.938v-1h-.938zm1.875 0h.938v-1H3.78v1zm1.875 0h.938v-1h-.938zm3.75 0h.938v-1h-.938v1m1.875 0h.938v-1h-.938v1m1.875 0h.938v-1h-.938v1m1.875 0h.469v-.031h.5V7.53h-.5V7.5h-.469v.031H15v.938h.031zM0 9.406v.938h1v-.938zm16 .938v-.938h-1v.938h1m-16 .937v.938h1v-.938zm16 .938v-.938h-1v.938h1m-16 .937v.938h1v-.938zm16 .938v-.938h-1v.938h1M0 16h.969v-.5H1v-.469H.969V15H.5v.031H0zm1.906 0h.938v-1h-.938zm1.875 0h.938v-1H3.78v1zm1.875 0h.938v-1h-.938zm3.75 0h.938v-1h-.938v1m1.875 0h.938v-1h-.938v1m1.875 0h.938v-1h-.938v1m1.875-.5v.5H16v-.969h-.5V15h-.469v.031H15v.469z"/>
</svg>