Skip to main content

Toggles

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

Examples

Heading
Smaller heading

Inline text

Example link text

ダウンロード

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

SVG をダウンロード

アイコンフォント

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

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

HTML をコピー

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

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-toggles" viewBox="0 0 16 16">
  <path d="M4.5 9a3.5 3.5 0 1 0 0 7h7a3.5 3.5 0 1 0 0-7h-7zm7 6a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5zm-7-14a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zm2.45 0A3.49 3.49 0 0 1 8 3.5 3.49 3.49 0 0 1 6.95 6h4.55a2.5 2.5 0 0 0 0-5H6.95zM4.5 0h7a3.5 3.5 0 1 1 0 7h-7a3.5 3.5 0 1 1 0-7z"/>
</svg>