Message Dots Round Cross Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Message Dots Round Cross 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/310842.svg" alt="Message Dots Round Cross icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310842.svg" alt="Message Dots Round Cross icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310842.svg" alt="Message Dots Round Cross icon" :width="24" :height="24" />
CSS background
.icon-message-dots-round-cross {
background-image: url('https://proicons.com/icon/310842.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"> <path d="M21.25 12C21.2487 13.2143 21.011 14.4166 20.55 15.54C19.6058 17.7994 17.8094 19.5957 15.55 20.54C14.383 21.0201 13.1305 21.2579 11.8687 21.239C10.6069 21.2201 9.36214 20.9448 8.21 20.43L4.34 21C4.14926 21.0447 3.95075 21.0447 3.76 21C3.57869 20.9342 3.4146 20.8282 3.28 20.69C3.14047 20.5455 3.0412 20.3671 2.99207 20.1723C2.94295 19.9776 2.94568 19.7734 3 19.58L3.53 15.66C3.01239 14.5094 2.74646 13.2616 2.75 12C2.75126 10.7857 2.98902 9.58335 3.45 8.46C4.39426 6.20063 6.19064 4.40425 8.45 3.46C9.57548 2.99332 10.7816 2.75209 12 2.75" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M11.9999 12.6104C12.3375 12.6104 12.6111 12.3371 12.6111 12C12.6111 11.6628 12.3375 11.3895 11.9999 11.3895C11.6623 11.3895 11.3886 11.6628 11.3886 12C11.3886 12.3371 11.6623 12.6104 11.9999 12.6104Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16.2787 12.6104C16.6163 12.6104 16.8899 12.3371 16.8899 12C16.8899 11.6628 16.6163 11.3895 16.2787 11.3895C15.9411 11.3895 15.6674 11.6628 15.6674 12C15.6674 12.3371 15.9411 12.6104 16.2787 12.6104Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.72132 12.6104C8.0589 12.6104 8.33256 12.3371 8.33256 12C8.33256 11.6628 8.0589 11.3895 7.72132 11.3895C7.38374 11.3895 7.11008 11.6628 7.11008 12C7.11008 12.3371 7.38374 12.6104 7.72132 12.6104Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M20.25 2.75L15.7502 7.2402" stroke="black" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M15.75 2.75983L20.2498 7.25002" stroke="black" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/> </svg>
Copied!