Comment Close Svg Icon
Free SVG icon from the IconaMoon collection. Download or copy for use in any project.
The Comment Close Svg icon is commonly used in modals, notifications and tag removals. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/308179.svg" alt="Comment Close Svg icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/308179.svg" alt="Comment Close Svg icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/308179.svg" alt="Comment Close Svg icon" :width="24" :height="24" />
CSS background
.icon-comment-close---svg {
background-image: url('https://proicons.com/icon/308179.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 d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 13.4876 3.36093 14.891 4 16.1272L3 21L7.8728 20C9.10904 20.6391 10.5124 21 12 21Z" fill="#58CC02" stroke="#58CC02" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10.0002 14L14.0002 10" stroke="#A5ED6E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10.0002 10L14.0002 14" stroke="#D7FFB8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg>
Copied!