Checkmark Square 2 Icon SVG
Checkmark Square 2
Checkmark square 2 SVG Icon Code | Customize color
You can get svg icon checkmark square 2 in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeCheckmark square 2
DownloadSvg Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.cls-1{fill:#fff;opacity:0;}.cls-2{fill:#231f20;}</style></defs><title>checkmark-square-2</title><g id="Layer_2" data-name="Layer 2"><g id="checkmark-square-2"><g id="checkmark-square-2-2" data-name="checkmark-square-2"><rect class="cls-1" width="24" height="24" transform="translate(24 24) rotate(180)"/><path class="cls-2" d="M18,3H6A3,3,0,0,0,3,6V18a3,3,0,0,0,3,3H18a3,3,0,0,0,3-3V6A3,3,0,0,0,18,3ZM16.3,9.61l-4.57,6a1,1,0,0,1-.79.39h0a1,1,0,0,1-.79-.38L7.71,12.51a1,1,0,0,1,1.58-1.23l1.63,2.08,3.78-5a1,1,0,1,1,1.6,1.22Z"/></g></g></g></svg> Checkmark square 2
DownloadSvg Code
<svg style="color: white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.cls-1{fill:#fff;opacity:0;}.cls-2{fill:#231f20;}</style></defs><title>checkmark-square-2</title><g id="Layer_2" data-name="Layer 2"><g id="checkmark-square-2"><g id="checkmark-square-2-2" data-name="checkmark-square-2"><rect class="cls-1" width="24" height="24" transform="translate(24 24) rotate(180)"></rect><path class="cls-2" d="M18,3H6A3,3,0,0,0,3,6V18a3,3,0,0,0,3,3H18a3,3,0,0,0,3-3V6A3,3,0,0,0,18,3ZM16.3,9.61l-4.57,6a1,1,0,0,1-.79.39h0a1,1,0,0,1-.79-.38L7.71,12.51a1,1,0,0,1,1.58-1.23l1.63,2.08,3.78-5a1,1,0,1,1,1.6,1.22Z" fill="white"></path></g></g></g></svg> Checkmark square 2
DownloadSvg Code
<svg style="color: red" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.cls-1{fill:#fff;opacity:0;}.cls-2{fill:#231f20;}</style></defs><title>checkmark-square-2</title><g id="Layer_2" data-name="Layer 2"><g id="checkmark-square-2"><g id="checkmark-square-2-2" data-name="checkmark-square-2"><rect class="cls-1" width="24" height="24" transform="translate(24 24) rotate(180)"></rect><path class="cls-2" d="M18,3H6A3,3,0,0,0,3,6V18a3,3,0,0,0,3,3H18a3,3,0,0,0,3-3V6A3,3,0,0,0,18,3ZM16.3,9.61l-4.57,6a1,1,0,0,1-.79.39h0a1,1,0,0,1-.79-.38L7.71,12.51a1,1,0,0,1,1.58-1.23l1.63,2.08,3.78-5a1,1,0,1,1,1.6,1.22Z" fill="red"></path></g></g></g></svg> Checkmark square 2
DownloadSvg Code
<svg style="color: blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.cls-1{fill:#fff;opacity:0;}.cls-2{fill:#231f20;}</style></defs><title>checkmark-square-2</title><g id="Layer_2" data-name="Layer 2"><g id="checkmark-square-2"><g id="checkmark-square-2-2" data-name="checkmark-square-2"><rect class="cls-1" width="24" height="24" transform="translate(24 24) rotate(180)"></rect><path class="cls-2" d="M18,3H6A3,3,0,0,0,3,6V18a3,3,0,0,0,3,3H18a3,3,0,0,0,3-3V6A3,3,0,0,0,18,3ZM16.3,9.61l-4.57,6a1,1,0,0,1-.79.39h0a1,1,0,0,1-.79-.38L7.71,12.51a1,1,0,0,1,1.58-1.23l1.63,2.08,3.78-5a1,1,0,1,1,1.6,1.22Z" fill="blue"></path></g></g></g></svg> Checkmark square 2
DownloadSvg Code
<svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.cls-1{fill:#fff;opacity:0;}.cls-2{fill:#231f20;}</style></defs><title>checkmark-square-2</title><g id="Layer_2" data-name="Layer 2"><g id="checkmark-square-2"><g id="checkmark-square-2-2" data-name="checkmark-square-2"><rect class="cls-1" width="24" height="24" transform="translate(24 24) rotate(180)"></rect><path class="cls-2" d="M18,3H6A3,3,0,0,0,3,6V18a3,3,0,0,0,3,3H18a3,3,0,0,0,3-3V6A3,3,0,0,0,18,3ZM16.3,9.61l-4.57,6a1,1,0,0,1-.79.39h0a1,1,0,0,1-.79-.38L7.71,12.51a1,1,0,0,1,1.58-1.23l1.63,2.08,3.78-5a1,1,0,1,1,1.6,1.22Z" fill="#f3da35"></path></g></g></g></svg> Advance Editor
You can edit checkmark square 2 as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements