Toggle Switch color icon
The color version of the toggle switch line icon: the same drawing with a soft fill behind it. Pick any color and the fill follows. Also in solid.
16
20
24
32
48
Style
Color
PNG size
Free for personal and commercial use. No attribution required.
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="#afa1f7" stroke="none"><path fill-rule="evenodd" d="m16.91 18.94.9-.18.87-.29.82-.41.76-.51.69-.6.6-.69.51-.76.41-.82.29-.87.18-.9L23 12l-.06-.91-.18-.9-.29-.87-.41-.82-.51-.76-.6-.69-.69-.6-.76-.51-.82-.41-.87-.29-.9-.18L16 5H8l-.91.06-.9.18-.87.29-.82.41-.76.51-.69.6-.6.69-.51.76-.41.82-.29.87-.18.9L1 12l.06.91.18.9.29.87.41.82.51.76.6.69.69.6.76.51.82.41.87.29.9.18L8 19h8zm2.08-6.65-.12.58-.22.54-.33.49-.42.42-.49.33-.54.22-.58.12h-.58l-.58-.12-.54-.22-.49-.33-.42-.42-.33-.49-.22-.54-.12-.58v-.58l.12-.58.22-.54.33-.49.42-.42.49-.33.54-.22.58-.12h.58l.58.12.54.22.49.33.42.42.33.49.22.54.12.58z"/></g><g fill="none" stroke="#281d63" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="12" x="2" y="6" rx="6"/><circle cx="16" cy="12" r="3"/></g></svg>Want it moving? See the animated toggle switch icon.