Check All Icon
Free SVG icon from the VS Code Codicons collection. Download or copy for use in any project.
The Check All icon is commonly used in to-do lists, form validation and success states. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/307026.svg" alt="Check All icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/307026.svg" alt="Check All icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/307026.svg" alt="Check All icon" :width="24" :height="24" />
CSS background
.icon-check-all {
background-image: url('https://proicons.com/icon/307026.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M12.354 3.646C12.159 3.451 11.842 3.451 11.647 3.646L6.70798 8.585L7.41498 9.292L12.354 4.353C12.549 4.158 12.549 3.841 12.354 3.646ZM1.85398 8.146C1.65898 7.951 1.34198 7.951 1.14698 8.146C0.951982 8.341 0.951982 8.658 1.14698 8.853L4.14698 11.853C4.24498 11.951 4.37298 11.999 4.50098 11.999C4.62898 11.999 4.75698 11.95 4.85498 11.853L5.20898 11.499L4.50198 10.792L1.85598 8.146H1.85398ZM7.49998 12C7.37198 12 7.24398 11.951 7.14598 11.854L4.14598 8.854C3.95098 8.659 3.95098 8.342 4.14598 8.147C4.34098 7.952 4.65798 7.952 4.85298 8.147L7.49898 10.793L14.645 3.647C14.84 3.452 15.157 3.452 15.352 3.647C15.547 3.842 15.547 4.159 15.352 4.354L7.85198 11.854C7.75398 11.952 7.62598 12 7.49798 12H7.49998Z"/></svg>
Check All in other icon packs
Copied!