Checkmark Circle 2 Outline Icon SVG
Checkmark Circle 2 Outline
Checkmark circle 2 outline SVG Icon Code | Customize color
You can get svg icon checkmark circle 2 outline in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeCheckmark circle 2 outline
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-circle-2</title><g id="Layer_2" data-name="Layer 2"><g id="checkmark-circle-2"><g id="checkmark-circle-2-2" data-name="checkmark-circle-2"><rect class="cls-1" width="24" height="24"/><path class="cls-2" d="M12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z"/><path class="cls-2" d="M14.7,8.39l-3.78,5L9.29,11.28a1,1,0,0,0-1.58,1.23l2.43,3.11a1,1,0,0,0,.79.38h0a1,1,0,0,0,.79-.39l4.57-6a1,1,0,1,0-1.6-1.22Z"/></g></g></g></svg> Checkmark circle 2 outline
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-circle-2</title><g id="Layer_2" data-name="Layer 2"><g id="checkmark-circle-2"><g id="checkmark-circle-2-2" data-name="checkmark-circle-2"><rect class="cls-1" width="24" height="24"/><path class="cls-2" d="M12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z"/><path class="cls-2" d="M14.7,8.39l-3.78,5L9.29,11.28a1,1,0,0,0-1.58,1.23l2.43,3.11a1,1,0,0,0,.79.38h0a1,1,0,0,0,.79-.39l4.57-6a1,1,0,1,0-1.6-1.22Z"/></g></g></g></svg> Checkmark circle 2 outline
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-circle-2</title><g id="Layer_2" data-name="Layer 2"><g id="checkmark-circle-2"><g id="checkmark-circle-2-2" data-name="checkmark-circle-2"><rect class="cls-1" width="24" height="24"/><path class="cls-2" d="M12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z"/><path class="cls-2" d="M14.7,8.39l-3.78,5L9.29,11.28a1,1,0,0,0-1.58,1.23l2.43,3.11a1,1,0,0,0,.79.38h0a1,1,0,0,0,.79-.39l4.57-6a1,1,0,1,0-1.6-1.22Z"/></g></g></g></svg> Checkmark circle 2 outline
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-circle-2</title><g id="Layer_2" data-name="Layer 2"><g id="checkmark-circle-2"><g id="checkmark-circle-2-2" data-name="checkmark-circle-2"><rect class="cls-1" width="24" height="24"/><path class="cls-2" d="M12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z"/><path class="cls-2" d="M14.7,8.39l-3.78,5L9.29,11.28a1,1,0,0,0-1.58,1.23l2.43,3.11a1,1,0,0,0,.79.38h0a1,1,0,0,0,.79-.39l4.57-6a1,1,0,1,0-1.6-1.22Z"/></g></g></g></svg> Checkmark circle 2 outline
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-circle-2</title><g id="Layer_2" data-name="Layer 2"><g id="checkmark-circle-2"><g id="checkmark-circle-2-2" data-name="checkmark-circle-2"><rect class="cls-1" width="24" height="24"/><path class="cls-2" d="M12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z"/><path class="cls-2" d="M14.7,8.39l-3.78,5L9.29,11.28a1,1,0,0,0-1.58,1.23l2.43,3.11a1,1,0,0,0,.79.38h0a1,1,0,0,0,.79-.39l4.57-6a1,1,0,1,0-1.6-1.22Z"/></g></g></g></svg> Advance Editor
You can edit checkmark circle 2 outline as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements