Add icons to this collection by clicking the heart icon.
Online Chat icon - also known as computer, message, conversation, speech bubble, communications, and online chat. Created in a clean lineal color style with a white, silver, gray, and teal finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 64 64"
>
<path fill="#e2e7f6" d="M62 42V16a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v26z" />
<path
fill="#f2f2f2"
d="M56 34.75V12H5.927A4.145 4.145 0 0 0 2 16.333V38h51.055A3.109 3.109 0 0 0 56 34.75z"
/>
<rect width="48" height="36" x="8" y="2" fill="#c8cded" rx="2" />
<path fill="#e2e7f6" d="M52 34V2H10a2 2 0 0 0-2 2v30z" />
<path fill="#78a0d4" d="M26 22v4l-5-4h-9V12h22v10z" />
<path fill="#93bee5" d="M12 12h19v6H12z" />
<path fill="#78a0d4" d="M49 31v-5h-6l-5-5v5h-8v5z" />
<path fill="#5e87ca" d="M56 8H8V4a2 2 0 0 1 2-2h44a2 2 0 0 1 2 2z" />
<path fill="#686868" d="M26 50h12v6H26z" />
<path fill="#939393" d="M23 56h18a3 3 0 0 1 3 3v3H20v-3a3 3 0 0 1 3-3z" />
<path fill="#b5b5b5" d="M40 58v-2H23a3 3 0 0 0-3 3v1h18a2 2 0 0 0 2-2z" />
<path fill="#777" d="M34 52v-2h-8v4h6a2 2 0 0 0 2-2z" />
<path fill="#939393" d="M62 42v4a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4v-4z" />
<path
fill="#b5b5b5"
d="M57 42H2v4a4.044 4.044 0 0 0 .1.865H55a2 2 0 0 0 2-2z"
/>
<path fill="#e2e7f6" d="M27 45h10v2H27z" />
<path fill="#5e87ca" d="M43 26h9v8H30v-8h8v-5z" />
<rect width="10" height="6" x="42" y="12" fill="#3b5892" rx="3" />
<path
fill="#4c6cb5"
d="M45 12a2.96 2.96 0 0 0-2.86 3.86A2.983 2.983 0 0 0 43 16h4a2.96 2.96 0 0 0 2.86-3.86A2.983 2.983 0 0 0 49 12z"
/>
<rect width="10" height="6" x="12" y="28" fill="#3b5892" rx="3" />
<path
fill="#4c6cb5"
d="M15 28a2.96 2.96 0 0 0-2.86 3.86A2.983 2.983 0 0 0 13 32h4a2.96 2.96 0 0 0 2.86-3.86A2.983 2.983 0 0 0 19 28z"
/>
<path fill="#f2f2f2" d="M15 16h16v2H15zM33 29h16v2H33z" />
<path fill="#78a0d4" d="M52 3V2H10a2 2 0 0 0-2 2v1h42a2 2 0 0 0 2-2z" />
<path
d="M58 11h-1V4a3 3 0 0 0-3-3H10a3 3 0 0 0-3 3v7H6a5.006 5.006 0 0 0-5 5v30a5.006 5.006 0 0 0 5 5h19v4h-2a4 4 0 0 0-4 4v3a1 1 0 0 0 1 1h24a1 1 0 0 0 1-1v-3a4 4 0 0 0-4-4h-2v-4h19a5.006 5.006 0 0 0 5-5V16a5.006 5.006 0 0 0-5-5zM9 9h46v27a1 1 0 0 1-1 1H10a1 1 0 0 1-1-1zm1-6h44a1 1 0 0 1 1 1v3H9V4a1 1 0 0 1 1-1zM6 13h1v23a3 3 0 0 0 3 3h44a3 3 0 0 0 3-3V13h1a3 3 0 0 1 3 3v25H3V16a3 3 0 0 1 3-3zm37 46v2H21v-2a2 2 0 0 1 2-2h18a2 2 0 0 1 2 2zm-6-4H27v-4h10zm21-6H6a3 3 0 0 1-3-3v-3h58v3a3 3 0 0 1-3 3z"
/>
<path
d="M27 45h10v2H27zM12 23h8.649l4.726 3.781A1 1 0 0 0 27 26v-3h7a1 1 0 0 0 1-1V12a1 1 0 0 0-1-1H12a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1zm1-10h20v8h-7a1 1 0 0 0-1 1v1.919l-3.375-2.7A1 1 0 0 0 21 21h-8z"
/>
<path
d="M29 26v8a1 1 0 0 0 1 1h22a1 1 0 0 0 1-1v-8a1 1 0 0 0-1-1h-8.586l-4.707-4.707A1 1 0 0 0 37 21v4h-7a1 1 0 0 0-1 1zm2 1h7a1 1 0 0 0 1-1v-2.586l3.293 3.293A1 1 0 0 0 43 27h8v6H31zM45 19h4a4 4 0 0 0 0-8h-4a4 4 0 0 0 0 8zm0-6h4a2 2 0 0 1 0 4h-4a2 2 0 0 1 0-4zM15 35h4a4 4 0 0 0 0-8h-4a4 4 0 0 0 0 8zm0-6h4a2 2 0 0 1 0 4h-4a2 2 0 0 1 0-4zM15 16h16v2H15z"
/>
<path d="M33 29h16v2H33z" />
</svg>
More icons in the same style and category