Message 2 Code Icon SVG

Message 2 Code


Message 2 code SVG Icon Code | Customize color

You can get svg icon message 2 code in blue, white, red color and transparent color from below list. You can also customize color using color picker.

Message 2 code

Download

Svg Code

<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-message-2-code" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M12 20l-3 -3h-2a3 3 0 0 1 -3 -3v-6a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-2l-3 3" /> <path d="M10 9l-2 2l2 2" /> <path d="M14 9l2 2l-2 2" /> </svg>

Message 2 code

Download

Svg Code

<svg style="color: white" xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-message-2-code" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="white"></path> <path d="M12 20l-3 -3h-2a3 3 0 0 1 -3 -3v-6a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-2l-3 3" fill="white"></path> <path d="M10 9l-2 2l2 2" fill="white"></path> <path d="M14 9l2 2l-2 2" fill="white"></path> </svg>

Message 2 code

Download

Svg Code

<svg style="color: red" xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-message-2-code" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="red"></path> <path d="M12 20l-3 -3h-2a3 3 0 0 1 -3 -3v-6a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-2l-3 3" fill="red"></path> <path d="M10 9l-2 2l2 2" fill="red"></path> <path d="M14 9l2 2l-2 2" fill="red"></path> </svg>

Message 2 code

Download

Svg Code

<svg style="color: blue" xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-message-2-code" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="blue"></path> <path d="M12 20l-3 -3h-2a3 3 0 0 1 -3 -3v-6a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-2l-3 3" fill="blue"></path> <path d="M10 9l-2 2l2 2" fill="blue"></path> <path d="M14 9l2 2l-2 2" fill="blue"></path> </svg>

Message 2 code

Download

Svg Code

<svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-message-2-code" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="#f3da35"></path> <path d="M12 20l-3 -3h-2a3 3 0 0 1 -3 -3v-6a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-2l-3 3" fill="#f3da35"></path> <path d="M10 9l-2 2l2 2" fill="#f3da35"></path> <path d="M14 9l2 2l-2 2" fill="#f3da35"></path> </svg>


Advance Editor

You can edit message 2 code as below. Change size color and background color of icon using below tool.

fontawesomeicons.com
Size
Stroke

Size
Stroke
tab 2 content
Tab 3 content





Advertisements





Advertisements

You may like these icons


Looking For More Icons?