Checkbox Indeterminate Fill Icon SVG
Checkbox Indeterminate Fill
Checkbox indeterminate fill SVG Icon Code | Customize color You can get svg icon checkbox indeterminate fill in blue, white, red color and transparent color from below list. You can also customize color using color picker.
Checkbox indeterminate fill
Svg Code <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" > <g> <path fill="none" d="M0 0h24v24H0z" /> <path d="M4 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm3 8v2h10v-2H7z" /> </g> </svg>
Checkbox indeterminate fill
Svg Code <svg style="color: white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" > <g> <path fill="white" d="M0 0h24v24H0z" ></path> <path d="M4 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm3 8v2h10v-2H7z" fill="white" ></path> </g> </svg>
Checkbox indeterminate fill
Svg Code <svg style="color: red" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" > <g> <path fill="red" d="M0 0h24v24H0z" ></path> <path d="M4 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm3 8v2h10v-2H7z" fill="red" ></path> </g> </svg>
Checkbox indeterminate fill
Svg Code <svg style="color: blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" > <g> <path fill="blue" d="M0 0h24v24H0z" ></path> <path d="M4 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm3 8v2h10v-2H7z" fill="blue" ></path> </g> </svg>
Checkbox indeterminate fill
Svg Code <svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" > <g> <path fill="#f3da35" d="M0 0h24v24H0z" ></path> <path d="M4 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm3 8v2h10v-2H7z" fill="#f3da35" ></path> </g> </svg>
Advance Editor You can edit checkbox indeterminate fill as below. Change size color and background color of icon using below tool.
Fullscreen
tab 2 content
Tab 3 content
Customize