Message X Icon SVG
Message X
Message x SVG Icon Code | Customize color
You can get svg icon message x in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 1.49935C0 0.670259 0.671165 0 1.5 0H13.5C14.3288 0 15 0.670259 15 1.49935V10.4935C15 11.3226 14.3288 11.9928 13.5 11.9928H9.7675L7.91594 14.7683C7.8232 14.9074 7.66712 14.9909 7.5 14.9909C7.33288 14.9909 7.1768 14.9074 7.08406 14.7683L5.2325 11.9928H1.5C0.671165 11.9928 0 11.3226 0 10.4935V1.49935ZM9.14648 8.85353L7.50004 7.20708L5.85359 8.85353L5.14648 8.14642L6.79293 6.49998L5.14648 4.85353L5.85359 4.14642L7.50004 5.79287L9.14648 4.14642L9.85359 4.85353L8.20714 6.49998L9.85359 8.14642L9.14648 8.85353Z" fill="black"/> </svg> Svg Code
<svg style="color: white" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 1.49935C0 0.670259 0.671165 0 1.5 0H13.5C14.3288 0 15 0.670259 15 1.49935V10.4935C15 11.3226 14.3288 11.9928 13.5 11.9928H9.7675L7.91594 14.7683C7.8232 14.9074 7.66712 14.9909 7.5 14.9909C7.33288 14.9909 7.1768 14.9074 7.08406 14.7683L5.2325 11.9928H1.5C0.671165 11.9928 0 11.3226 0 10.4935V1.49935ZM9.14648 8.85353L7.50004 7.20708L5.85359 8.85353L5.14648 8.14642L6.79293 6.49998L5.14648 4.85353L5.85359 4.14642L7.50004 5.79287L9.14648 4.14642L9.85359 4.85353L8.20714 6.49998L9.85359 8.14642L9.14648 8.85353Z" fill="white"></path> </svg> Svg Code
<svg style="color: red" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 1.49935C0 0.670259 0.671165 0 1.5 0H13.5C14.3288 0 15 0.670259 15 1.49935V10.4935C15 11.3226 14.3288 11.9928 13.5 11.9928H9.7675L7.91594 14.7683C7.8232 14.9074 7.66712 14.9909 7.5 14.9909C7.33288 14.9909 7.1768 14.9074 7.08406 14.7683L5.2325 11.9928H1.5C0.671165 11.9928 0 11.3226 0 10.4935V1.49935ZM9.14648 8.85353L7.50004 7.20708L5.85359 8.85353L5.14648 8.14642L6.79293 6.49998L5.14648 4.85353L5.85359 4.14642L7.50004 5.79287L9.14648 4.14642L9.85359 4.85353L8.20714 6.49998L9.85359 8.14642L9.14648 8.85353Z" fill="red"></path> </svg> Svg Code
<svg style="color: blue" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 1.49935C0 0.670259 0.671165 0 1.5 0H13.5C14.3288 0 15 0.670259 15 1.49935V10.4935C15 11.3226 14.3288 11.9928 13.5 11.9928H9.7675L7.91594 14.7683C7.8232 14.9074 7.66712 14.9909 7.5 14.9909C7.33288 14.9909 7.1768 14.9074 7.08406 14.7683L5.2325 11.9928H1.5C0.671165 11.9928 0 11.3226 0 10.4935V1.49935ZM9.14648 8.85353L7.50004 7.20708L5.85359 8.85353L5.14648 8.14642L6.79293 6.49998L5.14648 4.85353L5.85359 4.14642L7.50004 5.79287L9.14648 4.14642L9.85359 4.85353L8.20714 6.49998L9.85359 8.14642L9.14648 8.85353Z" fill="blue"></path> </svg> Svg Code
<svg style="color: #f3da35" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 1.49935C0 0.670259 0.671165 0 1.5 0H13.5C14.3288 0 15 0.670259 15 1.49935V10.4935C15 11.3226 14.3288 11.9928 13.5 11.9928H9.7675L7.91594 14.7683C7.8232 14.9074 7.66712 14.9909 7.5 14.9909C7.33288 14.9909 7.1768 14.9074 7.08406 14.7683L5.2325 11.9928H1.5C0.671165 11.9928 0 11.3226 0 10.4935V1.49935ZM9.14648 8.85353L7.50004 7.20708L5.85359 8.85353L5.14648 8.14642L6.79293 6.49998L5.14648 4.85353L5.85359 4.14642L7.50004 5.79287L9.14648 4.14642L9.85359 4.85353L8.20714 6.49998L9.85359 8.14642L9.14648 8.85353Z" fill="#f3da35"></path> </svg> Advance Editor
You can edit message x as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements