Message Empty Bubble Icon SVG
Message Empty Bubble
Message empty bubble SVG Icon Code | Customize color
You can get svg icon message empty bubble 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 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C10.5124 21 9.10904 20.6391 7.8728 20C7.10187 19.6015 4.12089 21.5948 3.5 21C2.88698 20.4128 4.6319 17.2397 4.20404 16.5C3.43827 15.1762 3 13.6393 3 12Z" 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 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C10.5124 21 9.10904 20.6391 7.8728 20C7.10187 19.6015 4.12089 21.5948 3.5 21C2.88698 20.4128 4.6319 17.2397 4.20404 16.5C3.43827 15.1762 3 13.6393 3 12Z" 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 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C10.5124 21 9.10904 20.6391 7.8728 20C7.10187 19.6015 4.12089 21.5948 3.5 21C2.88698 20.4128 4.6319 17.2397 4.20404 16.5C3.43827 15.1762 3 13.6393 3 12Z" 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 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C10.5124 21 9.10904 20.6391 7.8728 20C7.10187 19.6015 4.12089 21.5948 3.5 21C2.88698 20.4128 4.6319 17.2397 4.20404 16.5C3.43827 15.1762 3 13.6393 3 12Z" 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 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C10.5124 21 9.10904 20.6391 7.8728 20C7.10187 19.6015 4.12089 21.5948 3.5 21C2.88698 20.4128 4.6319 17.2397 4.20404 16.5C3.43827 15.1762 3 13.6393 3 12Z" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path> </svg> Advance Editor
You can edit message empty bubble as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements