Email Block Icon SVG
Email Block
Email block SVG Icon Code | Customize color
You can get svg icon email block in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeEmail block
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 35V9H24H4V23V37H26" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><circle cx="35" cy="35" r="9" fill="none" stroke="#333" stroke-width="1"/><path d="M37 33L33 37" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 9L24 22L44 9" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Email block
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 35V9H24H4V23V37H26" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><circle cx="35" cy="35" r="9" fill="none" stroke="#333" stroke-width="1"></circle><path d="M37 33L33 37" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M4 9L24 22L44 9" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path></svg> Email block
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 35V9H24H4V23V37H26" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><circle cx="35" cy="35" r="9" fill="none" stroke="#333" stroke-width="1"></circle><path d="M37 33L33 37" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M4 9L24 22L44 9" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path></svg> Email block
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 35V9H24H4V23V37H26" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><circle cx="35" cy="35" r="9" fill="none" stroke="#333" stroke-width="1"></circle><path d="M37 33L33 37" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M4 9L24 22L44 9" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path></svg> Email block
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 35V9H24H4V23V37H26" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><circle cx="35" cy="35" r="9" fill="none" stroke="#333" stroke-width="1"></circle><path d="M37 33L33 37" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M4 9L24 22L44 9" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path></svg> Advance Editor
You can edit email block as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements