Add icons to this collection by clicking the heart icon.
Keyboard icon - also known as message, chat, keyboard, conversation, comment, speech bubble, electronics, communications, and bubble speech. Created in a clean flat style, 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"
>
<rect width="56" height="25" x="3" y="21" fill="#808285" rx="2" />
<path
fill="#6d6e71"
d="M57 21h-1v1a20 20 0 0 1-20 20H3v2a2 2 0 0 0 2 2h52a2 2 0 0 0 2-2V23a2 2 0 0 0-2-2z"
/>
<path fill="#58595b" d="M9 32h3v3H9zM49 32h3v3h-3z" />
<path
fill="#ffcd00"
d="M48 3H16a2.006 2.006 0 0 0-2 2v16a2.006 2.006 0 0 0 2 2h13l3 6 3-6h13a2.006 2.006 0 0 0 2-2V5a2.006 2.006 0 0 0-2-2z"
/>
<path
fill="#ffbcab"
d="M59.41 39.59A1.955 1.955 0 0 0 58 39a2.006 2.006 0 0 0-2 2v-4a2.015 2.015 0 0 0-2-2 2.006 2.006 0 0 0-2 2v-2a2.012 2.012 0 0 0-2.177-1.992A2.075 2.075 0 0 0 48 35.112V37a2.012 2.012 0 0 0-2.177-1.992A2.075 2.075 0 0 0 44 37.112V45a2.012 2.012 0 0 0-2.177-1.992A2.075 2.075 0 0 0 40 45.112v8.231a4 4 0 0 0 1.172 2.829l.656.656A4 4 0 0 1 43 59.657V61h14v-1.343a4 4 0 0 1 1.172-2.829l.656-.656A4 4 0 0 0 60 53.343V41a1.955 1.955 0 0 0-.59-1.41z"
/>
<path
fill="#ff9478"
d="M59.41 39.59a1.932 1.932 0 0 0-1.909-.519A2 2 0 0 1 59 41v12.343a4 4 0 0 1-1.172 2.829l-.656.656A4 4 0 0 0 56 59.657V61h1v-1.343a4 4 0 0 1 1.172-2.829l.656-.656A4 4 0 0 0 60 53.343V41a1.955 1.955 0 0 0-.59-1.41z"
/>
<path
fill="#ffbcab"
d="M20.177 43.008A2.012 2.012 0 0 0 18 45v-7.888a2.075 2.075 0 0 0-1.823-2.1A2.012 2.012 0 0 0 14 37v-1.888a2.075 2.075 0 0 0-1.823-2.1A2.012 2.012 0 0 0 10 35v2a2.006 2.006 0 0 0-2-2 2.015 2.015 0 0 0-2 2v4a2.006 2.006 0 0 0-2-2 2.015 2.015 0 0 0-2 2v12.343a4 4 0 0 0 1.172 2.829l.656.656A4 4 0 0 1 5 59.657V61h14v-1.343a4 4 0 0 1 1.172-2.829l.656-.656A4 4 0 0 0 22 53.343v-8.231a2.075 2.075 0 0 0-1.823-2.104z"
/>
<path
fill="#ff9478"
d="M20.177 43.008a1.976 1.976 0 0 0-.664.064A2.108 2.108 0 0 1 21 45.112v8.231a4 4 0 0 1-1.172 2.829l-.656.656A4 4 0 0 0 18 59.657V61h1v-1.343a4 4 0 0 1 1.172-2.829l.656-.656A4 4 0 0 0 22 53.343v-8.231a2.075 2.075 0 0 0-1.823-2.104z"
/>
<g fill="#58595b">
<path
d="M36 32h3v3h-3zM43 32h3v3h-3zM29 32h3v3h-3zM22 32h3v3h-3zM15 32h3v3h-3zM36 39h3v3h-3zM29 39h3v3h-3zM22 39h3v3h-3zM52 25h3v3h-3zM45 25h3v3h-3zM38 25h3v3h-3zM21 25h3v3h-3zM14 25h3v3h-3zM7 25h3v3H7z"
/>
</g>
<path
fill="#ff9478"
d="M56 37a1.974 1.974 0 0 0-2.5-1.929A2 2 0 0 1 55 37v8h1zM52 35a1.974 1.974 0 0 0-2.5-1.929A2 2 0 0 1 51 35v10h1zM48 37a1.974 1.974 0 0 0-2.5-1.929A2 2 0 0 1 47 37v8h1zM44 45a1.974 1.974 0 0 0-2.5-1.929A2 2 0 0 1 43 45v6h1zM18 37a1.974 1.974 0 0 0-2.5-1.929A2 2 0 0 1 17 37v14h1zM14 35a1.974 1.974 0 0 0-2.5-1.929A2 2 0 0 1 13 35v10h1zM10 37a1.974 1.974 0 0 0-2.5-1.929A2 2 0 0 1 9 37v8h1zM6 41a1.974 1.974 0 0 0-2.5-1.929A2 2 0 0 1 5 41v4h1z"
/>
<path
fill="#ebbf00"
d="M48 3h-3v2a14 14 0 0 1-14 14H14v2a2.006 2.006 0 0 0 2 2h13l3 6 3-6h13a2.006 2.006 0 0 0 2-2V5a2.006 2.006 0 0 0-2-2z"
/>
<path
fill="#ff5023"
d="M18 8h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2zM24 8h16a1 1 0 0 0 0-2H24a1 1 0 0 0 0 2zM18 12h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2zM24 12h16a1 1 0 0 0 0-2H24a1 1 0 0 0 0 2zM18 16h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2zM24 16h16a1 1 0 0 0 0-2H24a1 1 0 0 0 0 2zM18 20h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2zM44 8h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2zM44 12h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2zM44 16h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2zM44 20h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2zM24 20h16a1 1 0 0 0 0-2H24a1 1 0 0 0 0 2z"
/>
</svg>
More icons in the same style and category