Message Plus Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Message Plus icon is commonly used in add-item buttons, floating action buttons and form toolbars. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/310856.svg" alt="Message Plus icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310856.svg" alt="Message Plus icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310856.svg" alt="Message Plus icon" :width="24" :height="24" />
CSS background
.icon-message-plus {
background-image: url('https://proicons.com/icon/310856.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="M11.9923 7.32153V14.4034" stroke="black" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M8.45902 10.8702H15.5409" stroke="black" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/> </svg>
Message Plus in other icon packs
Copied!