Check Svg Icon
Free SVG icon from the IconaMoon collection. Download or copy for use in any project.
The Check Svg 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/308900.svg" alt="Check Svg icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/308900.svg" alt="Check Svg icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/308900.svg" alt="Check Svg icon" :width="24" :height="24" />
CSS background
.icon-check---svg {
background-image: url('https://proicons.com/icon/308900.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"> <g clip-path="url(#clip0)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M20.2071 6.79288C20.5976 7.1834 20.5976 7.81657 20.2071 8.2071L10.7071 17.7073C10.5196 17.8949 10.2652 18.0002 9.99999 18.0002C9.73477 18.0002 9.48041 17.8949 9.29287 17.7073L4.79287 13.2071C4.40236 12.8166 4.40238 12.1834 4.79291 11.7929C5.18345 11.4024 5.81661 11.4024 6.20713 11.7929L10 15.586L18.7929 6.7929C19.1834 6.40237 19.8166 6.40236 20.2071 6.79288Z" fill="#292929"/> </g> <defs> <clipPath id="clip0"> <rect width="24" height="24" fill="white" transform="translate(0 0.000244141)"/> </clipPath> </defs> </svg>
Copied!