Toggle Off Icon

Free SVG icon from the IcoFont collection. Download or copy for use in any project.

Download SVG

Collection: IcoFont
Format: SVG, Font, PNG
License: CC BY 4.0 - Free for commercial use
Tags: toggle off

The Toggle Off icon is available as a free SVG and is ready to drop into any web or app project.

img tag

<img src="https://proicons.com/icon/306681.svg" alt="Toggle Off icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/306681.svg" alt="Toggle Off icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/306681.svg"
  alt="Toggle Off icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-toggle-off {
  background-image: url('https://proicons.com/icon/306681.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<svg width="64" height="64" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M753 287H247c-102 0-184 96-184 213s82 213 184 213h506c102 0 184-95 184-213s-82-213-184-213zm-22 389H269c-92 0-167-78-167-176s75-176 167-176h462c92 0 167 79 167 176s-75 176-167 176zM441 500c0 74-60 134-134 134s-134-60-134-134 60-134 134-134 134 60 134 134zm193-50c-4-7-9-11-15-15s-13-5-21-5-15 1-21 5c-6 3-11 8-15 15-4 6-6 14-8 22-2 9-3 18-3 28s1 20 3 28c2 9 4 16 8 23 4 6 9 11 15 14s13 6 21 6 15-2 21-6c6-3 11-8 15-14 4-7 7-14 9-23 2-8 2-18 2-28s0-19-2-28c-2-8-5-16-9-22zm-36 97c-16 0-24-15-24-47s8-47 24-47c8 0 14 4 18 12s6 20 6 35c0 32-8 47-24 47zm66-115v136c3 1 7 1 11 1 3 0 7 0 11-1v-57h31c1-4 1-8 1-12 0-3 0-7-1-11h-31v-32h40v-12-12h-62zm77 0v136c3 1 7 1 11 1 3 0 7 0 11-1v-57h31c1-4 1-8 1-12 0-3 0-7-1-11h-31v-32h39c1-4 1-8 1-12s0-8-1-12h-61z"/></svg>