Box 3d Check Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Box 3d 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/310557.svg" alt="Box 3d Check icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310557.svg" alt="Box 3d Check icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310557.svg" alt="Box 3d Check icon" :width="24" :height="24" />
CSS background
.icon-box-3d-check {
background-image: url('https://proicons.com/icon/310557.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="M20.9349 11.0085V8.79337C20.9365 8.26127 20.7956 7.73845 20.5267 7.27928C20.2578 6.82011 19.8709 6.44135 19.406 6.1824L13.4494 2.87649C13.0062 2.62959 12.5073 2.5 12 2.5C11.4927 2.5 10.9937 2.62959 10.5506 2.87649L4.59397 6.1824C4.12913 6.44135 3.74215 6.82011 3.47328 7.27928C3.20442 7.73845 3.06347 8.26127 3.06511 8.79337V15.2066C3.06347 15.7387 3.20442 16.2615 3.47328 16.7207C3.74215 17.1799 4.12913 17.5586 4.59397 17.8176L10.5506 21.1235C10.9937 21.3704 11.4927 21.5 12 21.5C12.5073 21.5 13.0062 21.3704 13.4494 21.1235L15.971 19.7237" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M20.3293 6.99646L12 12L3.6707 6.99646" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 21.4908V12" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17.4664 15.9957L18.8736 17.4028C18.9231 17.4529 18.982 17.4927 19.047 17.5198C19.112 17.547 19.1817 17.561 19.2521 17.561C19.3226 17.561 19.3923 17.547 19.4573 17.5198C19.5223 17.4927 19.5812 17.4529 19.6307 17.4028L22.4664 14.5671" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Copied!