Skip to main content

Toggle2 on

  • タグ: toggle, switch, checkbox
  • カテゴリ: Controls

Examples

Heading
Smaller heading

Inline text

Example link text

ダウンロード

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

SVGをダウンロード

アイコンフォント

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

<i class="bi bi-toggle2-on"></i>

コードポイント

  • Unicode: U+F5D8
  • CSS: \F5D8
  • JS: \uF5D8
  • HTML: &#xF5D8;

HTMLをコピー

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

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-toggle2-on" viewBox="0 0 16 16">
  <path d="M7 5H3a3 3 0 0 0 0 6h4a5 5 0 0 1-.584-1H3a2 2 0 1 1 0-4h3.416q.235-.537.584-1"/>
  <path d="M16 8A5 5 0 1 1 6 8a5 5 0 0 1 10 0"/>
</svg>