Box Check Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Box Check 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/310567.svg" alt="Box Check icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310567.svg" alt="Box Check icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310567.svg" alt="Box Check icon" :width="24" :height="24" />
CSS background
.icon-box-check {
background-image: url('https://proicons.com/icon/310567.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.38232 8.8125V17.3125C4.38232 18.1579 4.72628 18.9686 5.33853 19.5664C5.95079 20.1642 6.78118 20.5 7.64703 20.5H16.3529C17.2188 20.5 18.0492 20.1642 18.6614 19.5664C19.2737 18.9686 19.6176 18.1579 19.6176 17.3125V8.8125" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M19.6176 3.5H4.38235C3.48083 3.5 2.75 4.21355 2.75 5.09375V7.21875C2.75 8.09895 3.48083 8.8125 4.38235 8.8125H19.6176C20.5192 8.8125 21.25 8.09895 21.25 7.21875V5.09375C21.25 4.21355 20.5192 3.5 19.6176 3.5Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9 14.5742L10.6886 16.2628C10.748 16.3229 10.8187 16.3707 10.8967 16.4032C10.9747 16.4358 11.0583 16.4526 11.1429 16.4526C11.2274 16.4526 11.3111 16.4358 11.389 16.4032C11.467 16.3707 11.5377 16.3229 11.5972 16.2628L15 12.8599" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>
More from Mage Icons
View all
Copied!