Text Message Icon SVG
Text Message
Text message SVG Icon Code | Customize color
You can get svg icon text message in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeText message
DownloadSvg Code
<?xml version="1.0" encoding="UTF-8"?><svg width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M44 7H4V37H19L24 42L29 37H44V7Z" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M14 16H20" stroke="#333" stroke-width="1" stroke-linecap="round"/><path d="M14 24H16" stroke="#333" stroke-width="1" stroke-linecap="round"/><path d="M29 14L36 28" stroke="#333" stroke-width="1" stroke-linecap="round"/><path d="M28.9998 14L21.9998 28" stroke="#333" stroke-width="1" stroke-linecap="round"/><path d="M24 24H34" stroke="#333" stroke-width="1" stroke-linecap="round"/></svg> Text message
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: white" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M44 7H4V37H19L24 42L29 37H44V7Z" fill="white" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path><path d="M14 16H20" stroke="#333" stroke-width="1" stroke-linecap="round" fill="white"></path><path d="M14 24H16" stroke="#333" stroke-width="1" stroke-linecap="round" fill="white"></path><path d="M29 14L36 28" stroke="#333" stroke-width="1" stroke-linecap="round" fill="white"></path><path d="M28.9998 14L21.9998 28" stroke="#333" stroke-width="1" stroke-linecap="round" fill="white"></path><path d="M24 24H34" stroke="#333" stroke-width="1" stroke-linecap="round" fill="white"></path></svg> Text message
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: red" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M44 7H4V37H19L24 42L29 37H44V7Z" fill="red" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path><path d="M14 16H20" stroke="#333" stroke-width="1" stroke-linecap="round" fill="red"></path><path d="M14 24H16" stroke="#333" stroke-width="1" stroke-linecap="round" fill="red"></path><path d="M29 14L36 28" stroke="#333" stroke-width="1" stroke-linecap="round" fill="red"></path><path d="M28.9998 14L21.9998 28" stroke="#333" stroke-width="1" stroke-linecap="round" fill="red"></path><path d="M24 24H34" stroke="#333" stroke-width="1" stroke-linecap="round" fill="red"></path></svg> Text message
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: blue" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M44 7H4V37H19L24 42L29 37H44V7Z" fill="blue" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path><path d="M14 16H20" stroke="#333" stroke-width="1" stroke-linecap="round" fill="blue"></path><path d="M14 24H16" stroke="#333" stroke-width="1" stroke-linecap="round" fill="blue"></path><path d="M29 14L36 28" stroke="#333" stroke-width="1" stroke-linecap="round" fill="blue"></path><path d="M28.9998 14L21.9998 28" stroke="#333" stroke-width="1" stroke-linecap="round" fill="blue"></path><path d="M24 24H34" stroke="#333" stroke-width="1" stroke-linecap="round" fill="blue"></path></svg> Text message
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: #f3da35" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M44 7H4V37H19L24 42L29 37H44V7Z" fill="#f3da35" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path><path d="M14 16H20" stroke="#333" stroke-width="1" stroke-linecap="round" fill="#f3da35"></path><path d="M14 24H16" stroke="#333" stroke-width="1" stroke-linecap="round" fill="#f3da35"></path><path d="M29 14L36 28" stroke="#333" stroke-width="1" stroke-linecap="round" fill="#f3da35"></path><path d="M28.9998 14L21.9998 28" stroke="#333" stroke-width="1" stroke-linecap="round" fill="#f3da35"></path><path d="M24 24H34" stroke="#333" stroke-width="1" stroke-linecap="round" fill="#f3da35"></path></svg> Advance Editor
You can edit text message as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements