Message Dots Icon

Free SVG icon from the Mage Icons collection. Download or copy for use in any project.

Download SVG

Collection: Mage Icons
Format: SVG, Font, PNG
License: Apache 2.0 - Free for commercial use
Style: Outline
Tags: message dots

The Message Dots 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/310850.svg" alt="Message Dots icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/310850.svg" alt="Message Dots icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/310850.svg"
  alt="Message Dots icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-message-dots {
  background-image: url('https://proicons.com/icon/310850.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 7.50616V14.1133C21.25 14.6339 21.1475 15.1494 20.9482 15.6304C20.749 16.1113 20.457 16.5484 20.0889 16.9165C19.7208 17.2846 19.2837 17.5766 18.8028 17.7758C18.3218 17.975 17.8063 18.0776 17.2857 18.0776H14.6429L12.4625 20.2579C12.4032 20.3211 12.3315 20.3715 12.252 20.406C12.1724 20.4404 12.0867 20.4582 12 20.4582C11.9133 20.4582 11.8276 20.4404 11.748 20.406C11.6685 20.3715 11.5968 20.3211 11.5375 20.2579L9.35714 18.0776H6.71429C5.66289 18.0776 4.65456 17.6599 3.91111 16.9165C3.16766 16.173 2.75 15.1647 2.75 14.1133V7.50616C2.75 6.45476 3.16766 5.44643 3.91111 4.70298C4.65456 3.95953 5.66289 3.54187 6.71429 3.54187H17.2857C18.3371 3.54187 19.3454 3.95953 20.0889 4.70298C20.8323 5.44643 21.25 6.45476 21.25 7.50616Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 11.3383C12.3649 11.3383 12.6607 11.0425 12.6607 10.6776C12.6607 10.3127 12.3649 10.0168 12 10.0168C11.6351 10.0168 11.3393 10.3127 11.3393 10.6776C11.3393 11.0425 11.6351 11.3383 12 11.3383Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16.625 11.3383C16.9899 11.3383 17.2857 11.0425 17.2857 10.6776C17.2857 10.3127 16.9899 10.0168 16.625 10.0168C16.2601 10.0168 15.9643 10.3127 15.9643 10.6776C15.9643 11.0425 16.2601 11.3383 16.625 11.3383Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.375 11.3383C7.73991 11.3383 8.03572 11.0425 8.03572 10.6776C8.03572 10.3127 7.73991 10.0168 7.375 10.0168C7.0101 10.0168 6.71429 10.3127 6.71429 10.6776C6.71429 11.0425 7.0101 11.3383 7.375 11.3383Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>