Chat New Line Icon SVG
Chat New Line
Chat new line SVG Icon Code | Customize color
You can get svg icon chat new line in blue, white, red color and transparent color from below list. You can also customize color using color picker.
Svg Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <g> <path fill="none" d="M0 0h24v24H0z"/> <path d="M14 3v2H4v13.385L5.763 17H20v-7h2v8a1 1 0 0 1-1 1H6.455L2 22.5V4a1 1 0 0 1 1-1h11zm5 0V0h2v3h3v2h-3v3h-2V5h-3V3h3z"/> </g> </svg>
Svg Code
<svg style="color: white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <g> <path fill="white" d="M0 0h24v24H0z"></path> <path d="M14 3v2H4v13.385L5.763 17H20v-7h2v8a1 1 0 0 1-1 1H6.455L2 22.5V4a1 1 0 0 1 1-1h11zm5 0V0h2v3h3v2h-3v3h-2V5h-3V3h3z" fill="white"></path> </g> </svg>
Svg Code
<svg style="color: red" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <g> <path fill="red" d="M0 0h24v24H0z"></path> <path d="M14 3v2H4v13.385L5.763 17H20v-7h2v8a1 1 0 0 1-1 1H6.455L2 22.5V4a1 1 0 0 1 1-1h11zm5 0V0h2v3h3v2h-3v3h-2V5h-3V3h3z" fill="red"></path> </g> </svg>
Svg Code
<svg style="color: blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <g> <path fill="blue" d="M0 0h24v24H0z"></path> <path d="M14 3v2H4v13.385L5.763 17H20v-7h2v8a1 1 0 0 1-1 1H6.455L2 22.5V4a1 1 0 0 1 1-1h11zm5 0V0h2v3h3v2h-3v3h-2V5h-3V3h3z" fill="blue"></path> </g> </svg>
Svg Code
<svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <g> <path fill="#f3da35" d="M0 0h24v24H0z"></path> <path d="M14 3v2H4v13.385L5.763 17H20v-7h2v8a1 1 0 0 1-1 1H6.455L2 22.5V4a1 1 0 0 1 1-1h11zm5 0V0h2v3h3v2h-3v3h-2V5h-3V3h3z" fill="#f3da35"></path> </g> </svg>
Advance Editor
You can edit chat new line as below. Change size color and background color of icon using below tool.
tab 2 content Tab 3 content |
Customize