Toggle On Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Toggle On 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/306682.svg" alt="Toggle On icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/306682.svg" alt="Toggle On icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/306682.svg" alt="Toggle On icon" :width="24" :height="24" />
CSS background
.icon-toggle-on {
background-image: url('https://proicons.com/icon/306682.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 213 0 118 82 213 184 213h506c102 0 184-95 184-213 1-117-82-213-184-213zm-22 389H269c-92 0-167-78-167-176s75-176 167-176h462c92 0 167 79 167 176s-75 176-167 176zm-38-310c-74 0-134 60-134 134s60 134 134 134 134-60 134-134-60-134-134-134zm-387 78c-4-6-8-11-14-14-6-4-13-6-22-6s-15 2-21 6c-6 3-11 8-15 14-3 7-6 14-8 23s-3 18-3 28 1 19 3 28 5 16 8 22c4 7 9 11 15 15s13 5 21 5 16-2 22-5c6-4 10-8 14-15 4-6 7-13 9-22 2-8 3-18 3-28s-1-19-3-28-5-16-9-23zm-36 98c-15 0-23-16-23-47s8-47 23-47c8 0 14 4 18 12s6 20 6 35c0 31-8 47-24 47zm126-115v86l-42-86c-3-1-6-1-9-1s-6 0-9 1v136c3 1 6 1 10 1 3 0 6 0 10-1v-87l42 87c3 1 6 1 9 1s6 0 9-1V427c-3-1-6-1-9-1s-7 0-11 1z"/></svg>
More from IcoFont
View all
Toggle On in other icon packs
Copied!