Skip to main content

Columns

  • タグ: grid, layout
  • カテゴリ: Layout

Examples

Heading
Smaller heading

Inline text

Example link text

ダウンロード

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

SVGをダウンロード

アイコンフォント

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

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

コードポイント

  • Unicode: U+F2CE
  • CSS: \F2CE
  • JS: \uF2CE
  • HTML: &#xF2CE;

HTMLをコピー

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

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-columns" viewBox="0 0 16 16">
  <path d="M0 2a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V2zm8.5 0v8H15V2H8.5zm0 9v3H15v-3H8.5zm-1-9H1v3h6.5V2zM1 14h6.5V6H1v8z"/>
</svg>