Skip to main content

HR

  • タグ: divider, horizonal-rule
  • カテゴリ: Typography

Examples

Heading
Smaller heading

Inline text

Example link text

ダウンロード

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

SVG をダウンロード

アイコンフォント

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

<i class="bi bi-hr"></i>

HTML をコピー

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

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-hr" viewBox="0 0 16 16">
  <path d="M12 3H4a1 1 0 0 0-1 1v2.5H2V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v2.5h-1V4a1 1 0 0 0-1-1zM2 9.5h1V12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V9.5h1V12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9.5zm-1.5-2a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1H.5z"/>
</svg>