Multistate Icon SVG
Multistate
Multistate SVG Icon Code | Customize color
You can get svg icon multistate in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="4" cy="4" r="3"/><path d="M4,15a3,3,0,1,1,3-3A3,3,0,0,1,4,15Zm0-5a2,2,0,1,0,2,2A2,2,0,0,0,4,10Z"/><path d="M12,23a3,3,0,1,1,3-3A3,3,0,0,1,12,23Zm0-5a2,2,0,1,0,2,2A2,2,0,0,0,12,18Z"/><path d="M20,7a3,3,0,1,1,3-3A3,3,0,0,1,20,7Zm0-5a2,2,0,1,0,2,2A2,2,0,0,0,20,2Z"/><circle cx="4" cy="20" r="3"/><circle cx="12" cy="4" r="3"/><circle cx="12" cy="12" r="3"/><circle cx="20" cy="12" r="3"/><circle cx="20" cy="20" r="3"/></svg> Svg Code
<svg style='color: white' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="4" cy="4" r="3"/><path d="M4,15a3,3,0,1,1,3-3A3,3,0,0,1,4,15Zm0-5a2,2,0,1,0,2,2A2,2,0,0,0,4,10Z"/><path d="M12,23a3,3,0,1,1,3-3A3,3,0,0,1,12,23Zm0-5a2,2,0,1,0,2,2A2,2,0,0,0,12,18Z"/><path d="M20,7a3,3,0,1,1,3-3A3,3,0,0,1,20,7Zm0-5a2,2,0,1,0,2,2A2,2,0,0,0,20,2Z"/><circle cx="4" cy="20" r="3"/><circle cx="12" cy="4" r="3"/><circle cx="12" cy="12" r="3"/><circle cx="20" cy="12" r="3"/><circle cx="20" cy="20" r="3"/></svg> Svg Code
<svg style='color: red' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="4" cy="4" r="3"/><path d="M4,15a3,3,0,1,1,3-3A3,3,0,0,1,4,15Zm0-5a2,2,0,1,0,2,2A2,2,0,0,0,4,10Z"/><path d="M12,23a3,3,0,1,1,3-3A3,3,0,0,1,12,23Zm0-5a2,2,0,1,0,2,2A2,2,0,0,0,12,18Z"/><path d="M20,7a3,3,0,1,1,3-3A3,3,0,0,1,20,7Zm0-5a2,2,0,1,0,2,2A2,2,0,0,0,20,2Z"/><circle cx="4" cy="20" r="3"/><circle cx="12" cy="4" r="3"/><circle cx="12" cy="12" r="3"/><circle cx="20" cy="12" r="3"/><circle cx="20" cy="20" r="3"/></svg> Svg Code
<svg style='color: blue' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="4" cy="4" r="3"/><path d="M4,15a3,3,0,1,1,3-3A3,3,0,0,1,4,15Zm0-5a2,2,0,1,0,2,2A2,2,0,0,0,4,10Z"/><path d="M12,23a3,3,0,1,1,3-3A3,3,0,0,1,12,23Zm0-5a2,2,0,1,0,2,2A2,2,0,0,0,12,18Z"/><path d="M20,7a3,3,0,1,1,3-3A3,3,0,0,1,20,7Zm0-5a2,2,0,1,0,2,2A2,2,0,0,0,20,2Z"/><circle cx="4" cy="20" r="3"/><circle cx="12" cy="4" r="3"/><circle cx="12" cy="12" r="3"/><circle cx="20" cy="12" r="3"/><circle cx="20" cy="20" r="3"/></svg> Svg Code
<svg style='color: #f3da35' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="4" cy="4" r="3"/><path d="M4,15a3,3,0,1,1,3-3A3,3,0,0,1,4,15Zm0-5a2,2,0,1,0,2,2A2,2,0,0,0,4,10Z"/><path d="M12,23a3,3,0,1,1,3-3A3,3,0,0,1,12,23Zm0-5a2,2,0,1,0,2,2A2,2,0,0,0,12,18Z"/><path d="M20,7a3,3,0,1,1,3-3A3,3,0,0,1,20,7Zm0-5a2,2,0,1,0,2,2A2,2,0,0,0,20,2Z"/><circle cx="4" cy="20" r="3"/><circle cx="12" cy="4" r="3"/><circle cx="12" cy="12" r="3"/><circle cx="20" cy="12" r="3"/><circle cx="20" cy="20" r="3"/></svg> Advance Editor
You can edit multistate as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements