Checkbox Intermediate Icon SVG
Checkbox Intermediate SVG Icons refers to the indeterminate property sets or returns whether the state of the checkbox has changed. Checkboxes actually have three states: true, false, and undetermined, which indicates that a checkbox is neither "on" nor "off". A checkbox cannot be set to an indeterminate state using an HTML attribute; must be set by one of JavaScript.
Checkbox intermediate SVG Icon Code | Customize color
You can get svg icon checkbox intermediate in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeCheckbox intermediate
DownloadSvg Code
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-labelledby="checkboxIntermediateIconTitle"> <title id="checkboxIntermediateIconTitle">Checkbox in intermediate state</title> <rect x="21" y="3" width="18" height="18" rx="1" transform="rotate(90 21 3)"/> <path d="M16 12H8"/> </svg> Checkbox intermediate
DownloadSvg Code
<svg style="color: white" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-labelledby="checkboxIntermediateIconTitle"> <title id="checkboxIntermediateIconTitle">Checkbox in intermediate state</title> <rect x="21" y="3" width="18" height="18" rx="1" transform="rotate(90 21 3)"></rect> <path d="M16 12H8" fill="white"></path> </svg> Checkbox intermediate
DownloadSvg Code
<svg style="color: red" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-labelledby="checkboxIntermediateIconTitle"> <title id="checkboxIntermediateIconTitle">Checkbox in intermediate state</title> <rect x="21" y="3" width="18" height="18" rx="1" transform="rotate(90 21 3)"></rect> <path d="M16 12H8" fill="red"></path> </svg> Checkbox intermediate
DownloadSvg Code
<svg style="color: blue" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-labelledby="checkboxIntermediateIconTitle"> <title id="checkboxIntermediateIconTitle">Checkbox in intermediate state</title> <rect x="21" y="3" width="18" height="18" rx="1" transform="rotate(90 21 3)"></rect> <path d="M16 12H8" fill="blue"></path> </svg> Checkbox intermediate
DownloadSvg Code
<svg style="color: #f3da35" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-labelledby="checkboxIntermediateIconTitle"> <title id="checkboxIntermediateIconTitle">Checkbox in intermediate state</title> <rect x="21" y="3" width="18" height="18" rx="1" transform="rotate(90 21 3)"></rect> <path d="M16 12H8" fill="#f3da35"></path> </svg> Advance Editor
You can edit checkbox intermediate as below. Change size color and background color of icon using below tool.
Tags
check box,checkboxes,tickbox,button,greyed out,dropdown,tooltip,textbox ,uncheck,transitional ,average ,center ,common ,compromising
Advertisements
Advertisements