Comments Icon
Free SVG icon from the Govicons collection. Download or copy for use in any project.
The Comments icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/304773.svg" alt="Comments icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/304773.svg" alt="Comments icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/304773.svg" alt="Comments icon" :width="24" :height="24" />
CSS background
.icon-comments {
background-image: url('https://proicons.com/icon/304773.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 56"><title>comments</title><path d="M41,35.82A19.73,19.73,0,0,0,49,30a12.39,12.39,0,0,0,0-16,19.73,19.73,0,0,0-8-5.8A28,28,0,0,0,30,6.11,28,28,0,0,0,19,8.24a19.63,19.63,0,0,0-8,5.8,12.56,12.56,0,0,0-2.93,8,12.19,12.19,0,0,0,2.21,7,18.1,18.1,0,0,0,6.06,5.51,14.68,14.68,0,0,1-.63,1.37A8.11,8.11,0,0,1,15,37.06l-.7.9a10.78,10.78,0,0,1-.81.92c-.37.39-.61.65-.71.78s0,0-.13.14-.13.16-.14.15,0,0-.12.16l-.11.17-.08.15a.82.82,0,0,0-.06.19,1.23,1.23,0,0,0,0,.2.45.45,0,0,0,0,.2,1.07,1.07,0,0,0,.35.66,1,1,0,0,0,.64.25h.09c1-.15,1.93-.32,2.68-.5a26.25,26.25,0,0,0,8.64-4A31.35,31.35,0,0,0,30,38,28,28,0,0,0,41,35.82Z"/><path d="M61.65,37a12.11,12.11,0,0,0-.13-14.13,18.38,18.38,0,0,0-6.34-5.54,15.95,15.95,0,0,1-1.37,12.63,20.94,20.94,0,0,1-6,6.59,27.71,27.71,0,0,1-8.2,4A33,33,0,0,1,30,41.93c-.62,0-1.53,0-2.74-.13A26.11,26.11,0,0,0,42,45.9a31.41,31.41,0,0,0,5.47-.49,26.25,26.25,0,0,0,8.64,4,26.9,26.9,0,0,0,2.68.49.92.92,0,0,0,.68-.21,1.15,1.15,0,0,0,.4-.69c0-.12,0-.19,0-.2s0-.08,0-.2l-.06-.19-.08-.15-.11-.17a1.62,1.62,0,0,0-.12-.16l-.14-.15a1,1,0,0,0-.13-.14c-.1-.13-.34-.39-.71-.78a10.78,10.78,0,0,1-.81-.92L57,45a7.7,7.7,0,0,1-.78-1.2c-.21-.41-.43-.87-.63-1.36A18.36,18.36,0,0,0,61.65,37Z"/></svg>
More from Govicons
View all
Copied!