Message Unread Icon SVG
Message Unread
Message unread SVG Icon Code | Customize color
You can get svg icon message unread in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeMessage unread
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="M44 16V36H29L24 41L19 36H4V6H34" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M23 20H25.0025" stroke="#333" stroke-width="1" stroke-linecap="round"/><path d="M33.0011 20H35" stroke="#333" stroke-width="1" stroke-linecap="round"/><path d="M13.001 20H14.9999" stroke="#333" stroke-width="1" stroke-linecap="round"/><circle cx="43" cy="7" r="3" fill="#333"/></svg> Message unread
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"/><path d="M44 16V36H29L24 41L19 36H4V6H34" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M23 20H25.0025" stroke="#333" stroke-width="1" stroke-linecap="round"/><path d="M33.0011 20H35" stroke="#333" stroke-width="1" stroke-linecap="round"/><path d="M13.001 20H14.9999" stroke="#333" stroke-width="1" stroke-linecap="round"/><circle cx="43" cy="7" r="3" fill="#333"/></svg> Message unread
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"/><path d="M44 16V36H29L24 41L19 36H4V6H34" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M23 20H25.0025" stroke="#333" stroke-width="1" stroke-linecap="round"/><path d="M33.0011 20H35" stroke="#333" stroke-width="1" stroke-linecap="round"/><path d="M13.001 20H14.9999" stroke="#333" stroke-width="1" stroke-linecap="round"/><circle cx="43" cy="7" r="3" fill="#333"/></svg> Message unread
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"/><path d="M44 16V36H29L24 41L19 36H4V6H34" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M23 20H25.0025" stroke="#333" stroke-width="1" stroke-linecap="round"/><path d="M33.0011 20H35" stroke="#333" stroke-width="1" stroke-linecap="round"/><path d="M13.001 20H14.9999" stroke="#333" stroke-width="1" stroke-linecap="round"/><circle cx="43" cy="7" r="3" fill="#333"/></svg> Message unread
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"/><path d="M44 16V36H29L24 41L19 36H4V6H34" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M23 20H25.0025" stroke="#333" stroke-width="1" stroke-linecap="round"/><path d="M33.0011 20H35" stroke="#333" stroke-width="1" stroke-linecap="round"/><path d="M13.001 20H14.9999" stroke="#333" stroke-width="1" stroke-linecap="round"/><circle cx="43" cy="7" r="3" fill="#333"/></svg> Advance Editor
You can edit message unread as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements