Message Empty Round Icon SVG
Message Empty Round
Message empty round SVG Icon Code | Customize color
You can get svg icon message empty round in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3 9.08861C3 5.72597 5.72596 3 9.08861 3H15.1892C18.3984 3 21 5.60159 21 8.81081C21 12.02 18.3984 14.6216 15.1892 14.6216H9.21544C8.80354 14.6216 8.40975 14.7908 8.12626 15.0897L8.85172 15.7779L8.12626 15.0897L4.72547 18.6743C4.10352 19.3298 3 18.8897 3 17.986V15.6216V9.08861Z" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style="color: white" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3 9.08861C3 5.72597 5.72596 3 9.08861 3H15.1892C18.3984 3 21 5.60159 21 8.81081C21 12.02 18.3984 14.6216 15.1892 14.6216H9.21544C8.80354 14.6216 8.40975 14.7908 8.12626 15.0897L8.85172 15.7779L8.12626 15.0897L4.72547 18.6743C4.10352 19.3298 3 18.8897 3 17.986V15.6216V9.08861Z" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="white"></path> </svg> Svg Code
<svg style="color: red" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3 9.08861C3 5.72597 5.72596 3 9.08861 3H15.1892C18.3984 3 21 5.60159 21 8.81081C21 12.02 18.3984 14.6216 15.1892 14.6216H9.21544C8.80354 14.6216 8.40975 14.7908 8.12626 15.0897L8.85172 15.7779L8.12626 15.0897L4.72547 18.6743C4.10352 19.3298 3 18.8897 3 17.986V15.6216V9.08861Z" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="red"></path> </svg> Svg Code
<svg style="color: blue" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3 9.08861C3 5.72597 5.72596 3 9.08861 3H15.1892C18.3984 3 21 5.60159 21 8.81081C21 12.02 18.3984 14.6216 15.1892 14.6216H9.21544C8.80354 14.6216 8.40975 14.7908 8.12626 15.0897L8.85172 15.7779L8.12626 15.0897L4.72547 18.6743C4.10352 19.3298 3 18.8897 3 17.986V15.6216V9.08861Z" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path> </svg> Svg Code
<svg style="color: #f3da35" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3 9.08861C3 5.72597 5.72596 3 9.08861 3H15.1892C18.3984 3 21 5.60159 21 8.81081C21 12.02 18.3984 14.6216 15.1892 14.6216H9.21544C8.80354 14.6216 8.40975 14.7908 8.12626 15.0897L8.85172 15.7779L8.12626 15.0897L4.72547 18.6743C4.10352 19.3298 3 18.8897 3 17.986V15.6216V9.08861Z" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path> </svg> Advance Editor
You can edit message empty round as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements