Message One Icon SVG
Message One
Message one SVG Icon Code | Customize color
You can get svg icon message one in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeMessage one
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"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M4 6H44V36H29L24 41L19 36H4V6Z" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M23 21H25.0025" stroke="#333" stroke-width="1" stroke-linecap="round"/><path d="M33.0011 21H35" stroke="#333" stroke-width="1" stroke-linecap="round"/><path d="M13.001 21H14.9999" stroke="#333" stroke-width="1" stroke-linecap="round"/></svg> Message one
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"><rect width="48" height="48" fill="white" fill-opacity="0.01"></rect><path d="M4 6H44V36H29L24 41L19 36H4V6Z" fill="white" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path><path d="M23 21H25.0025" stroke="#333" stroke-width="1" stroke-linecap="round" fill="white"></path><path d="M33.0011 21H35" stroke="#333" stroke-width="1" stroke-linecap="round" fill="white"></path><path d="M13.001 21H14.9999" stroke="#333" stroke-width="1" stroke-linecap="round" fill="white"></path></svg> Message one
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"><rect width="48" height="48" fill="white" fill-opacity="0.01"></rect><path d="M4 6H44V36H29L24 41L19 36H4V6Z" fill="red" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path><path d="M23 21H25.0025" stroke="#333" stroke-width="1" stroke-linecap="round" fill="red"></path><path d="M33.0011 21H35" stroke="#333" stroke-width="1" stroke-linecap="round" fill="red"></path><path d="M13.001 21H14.9999" stroke="#333" stroke-width="1" stroke-linecap="round" fill="red"></path></svg> Message one
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"><rect width="48" height="48" fill="white" fill-opacity="0.01"></rect><path d="M4 6H44V36H29L24 41L19 36H4V6Z" fill="blue" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path><path d="M23 21H25.0025" stroke="#333" stroke-width="1" stroke-linecap="round" fill="blue"></path><path d="M33.0011 21H35" stroke="#333" stroke-width="1" stroke-linecap="round" fill="blue"></path><path d="M13.001 21H14.9999" stroke="#333" stroke-width="1" stroke-linecap="round" fill="blue"></path></svg> Message one
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"><rect width="48" height="48" fill="white" fill-opacity="0.01"></rect><path d="M4 6H44V36H29L24 41L19 36H4V6Z" fill="#f3da35" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path><path d="M23 21H25.0025" stroke="#333" stroke-width="1" stroke-linecap="round" fill="#f3da35"></path><path d="M33.0011 21H35" stroke="#333" stroke-width="1" stroke-linecap="round" fill="#f3da35"></path><path d="M13.001 21H14.9999" stroke="#333" stroke-width="1" stroke-linecap="round" fill="#f3da35"></path></svg> Advance Editor
You can edit message one as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements