Message Success Icon SVG
Message Success
Message success SVG Icon Code | Customize color
You can get svg icon message success in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeMessage success
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="M25.5 36H21L11 41V36H4V6H44V17" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 14H15L18 14" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 20H18L24 20" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M29 30L35 35L44 24" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Message success
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="M25.5 36H21L11 41V36H4V6H44V17" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 14H15L18 14" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 20H18L24 20" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M29 30L35 35L44 24" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Message success
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="M25.5 36H21L11 41V36H4V6H44V17" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 14H15L18 14" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 20H18L24 20" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M29 30L35 35L44 24" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Message success
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="M25.5 36H21L11 41V36H4V6H44V17" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 14H15L18 14" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 20H18L24 20" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M29 30L35 35L44 24" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Message success
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="M25.5 36H21L11 41V36H4V6H44V17" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 14H15L18 14" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 20H18L24 20" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M29 30L35 35L44 24" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Advance Editor
You can edit message success as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements