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 gradient 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"
>
<linearGradient
id="a"
x1="19"
x2="19"
y1="61.596"
y2=".784"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="32" x2="32" y1="61.596" y2=".784" href="#a" />
<linearGradient id="c" x1="45" x2="45" y1="61.596" y2=".784" href="#a" />
<linearGradient id="d" x1="31" x2="31" y1="61.596" y2=".784" href="#a" />
<linearGradient
id="e"
x1="37.5"
x2="37.5"
y1="61.596"
y2=".784"
href="#a"
/>
<linearGradient
id="f"
x1="30.5"
x2="30.5"
y1="61.596"
y2=".784"
href="#a"
/>
<linearGradient
id="g"
x1="23.5"
x2="23.5"
y1="61.596"
y2=".784"
href="#a"
/>
<linearGradient
id="h"
x1="44.5"
x2="44.5"
y1="61.596"
y2=".784"
href="#a"
/>
<linearGradient
id="i"
x1="46.5"
x2="46.5"
y1="61.596"
y2=".784"
href="#a"
/>
<linearGradient
id="j"
x1="39.5"
x2="39.5"
y1="61.596"
y2=".784"
href="#a"
/>
<linearGradient
id="k"
x1="53.5"
x2="53.5"
y1="61.596"
y2=".784"
href="#a"
/>
<linearGradient id="l" x1="8.5" x2="8.5" y1="61.596" y2=".784" href="#a" />
<linearGradient
id="m"
x1="15.5"
x2="15.5"
y1="61.596"
y2=".784"
href="#a"
/>
<linearGradient
id="n"
x1="22.5"
x2="22.5"
y1="61.596"
y2=".784"
href="#a"
/>
<linearGradient
id="o"
x1="16.5"
x2="16.5"
y1="61.596"
y2=".784"
href="#a"
/>
<path fill="url(#a)" d="M18 8h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2z" />
<path fill="url(#b)" d="M24 8h16a1 1 0 0 0 0-2H24a1 1 0 0 0 0 2z" />
<path fill="url(#a)" d="M18 12h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2z" />
<path fill="url(#b)" d="M24 12h16a1 1 0 0 0 0-2H24a1 1 0 0 0 0 2z" />
<path fill="url(#a)" d="M18 16h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2z" />
<path fill="url(#b)" d="M24 16h16a1 1 0 0 0 0-2H24a1 1 0 0 0 0 2z" />
<path fill="url(#a)" d="M18 20h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2z" />
<g fill="url(#c)">
<path
d="M44 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 2z"
/>
</g>
<path fill="url(#b)" d="M24 20h16a1 1 0 0 0 0-2H24a1 1 0 0 0 0 2z" />
<path
fill="url(#d)"
d="M60.13 38.89c-.04-.04-.09-.07-.13-.11V23a3.009 3.009 0 0 0-3-3h-6V5a3.009 3.009 0 0 0-3-3H16a3.009 3.009 0 0 0-3 3v15H5a3.009 3.009 0 0 0-3 3v15.78c-.04.03-.07.06-.11.09A2.971 2.971 0 0 0 1 41v12.34a4.994 4.994 0 0 0 1.46 3.54l.66.66A3 3 0 0 1 4 59.66V61a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-1.34a3 3 0 0 1 .88-2.12l.66-.66A4.994 4.994 0 0 0 23 53.34V47h16v6.34a4.994 4.994 0 0 0 1.46 3.54l.66.66a3 3 0 0 1 .88 2.12V61a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-1.34a3 3 0 0 1 .88-2.12l.66-.66A4.994 4.994 0 0 0 61 53.34V41a2.954 2.954 0 0 0-.87-2.11zM15 5a1 1 0 0 1 1-1h32a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H35a.977.977 0 0 0-.89.55L32 26.76l-2.11-4.21A.977.977 0 0 0 29 22H16a1 1 0 0 1-1-1zm6 48.34a3 3 0 0 1-.88 2.12l-.66.66A4.994 4.994 0 0 0 18 59.66V60H6v-.34a4.994 4.994 0 0 0-1.46-3.54l-.66-.66A3 3 0 0 1 3 53.34V41a.949.949 0 0 1 .31-.71A.928.928 0 0 1 4 40a1 1 0 0 1 1 1v4a1 1 0 0 0 2 0v-8a.949.949 0 0 1 .31-.71A.928.928 0 0 1 8 36a1 1 0 0 1 1 1v8a1 1 0 0 0 2 0V35a.949.949 0 0 1 .31-.71.926.926 0 0 1 .78-.29 1.092 1.092 0 0 1 .91 1.11V45a1 1 0 0 0 2 0v-8a.949.949 0 0 1 .31-.71.926.926 0 0 1 .78-.29 1.092 1.092 0 0 1 .91 1.11V51a1 1 0 0 0 2 0v-6a.949.949 0 0 1 .31-.71.969.969 0 0 1 .78-.29 1.092 1.092 0 0 1 .91 1.11zM39.01 45H22.99a3.075 3.075 0 0 0-2.73-2.99 2.963 2.963 0 0 0-1.26.16v-5.06a3.073 3.073 0 0 0-2.74-3.1 2.97 2.97 0 0 0-1.39.21 3.035 3.035 0 0 0-2.61-2.21 2.962 2.962 0 0 0-2.37.86 3.063 3.063 0 0 0-.79 1.34 3.067 3.067 0 0 0-3.21.66A2.971 2.971 0 0 0 5 37v1.17a2.825 2.825 0 0 0-1-.15V23a1 1 0 0 1 1-1h8.18A3.01 3.01 0 0 0 16 24h12.38l2.73 5.45a1 1 0 0 0 1.78 0L35.62 24H48a3.01 3.01 0 0 0 2.82-2H57a1 1 0 0 1 1 1v15.02a2.825 2.825 0 0 0-1 .15V37a2.954 2.954 0 0 0-.87-2.11 3.061 3.061 0 0 0-3.23-.68 2.942 2.942 0 0 0-.77-1.32 2.989 2.989 0 0 0-2.39-.88 3.037 3.037 0 0 0-2.61 2.21 2.97 2.97 0 0 0-1.39-.21 3.073 3.073 0 0 0-2.74 3.1v5.06a3.151 3.151 0 0 0-1.26-.16A3.075 3.075 0 0 0 39.01 45zM59 53.34a3 3 0 0 1-.88 2.12l-.66.66A4.994 4.994 0 0 0 56 59.66V60H44v-.34a4.994 4.994 0 0 0-1.46-3.54l-.66-.66a3 3 0 0 1-.88-2.12v-8.23a1.092 1.092 0 0 1 .91-1.11.985.985 0 0 1 .8.31.928.928 0 0 1 .29.69v6a1 1 0 0 0 2 0V37.11a1.092 1.092 0 0 1 .91-1.11.985.985 0 0 1 .8.31.928.928 0 0 1 .29.69v8a1 1 0 0 0 2 0v-9.89a1.092 1.092 0 0 1 .91-1.11.985.985 0 0 1 .8.31.928.928 0 0 1 .29.69v10a1 1 0 0 0 2 0v-8a1 1 0 0 1 1-1 .949.949 0 0 1 .71.31.928.928 0 0 1 .29.69v8a1 1 0 0 0 2 0v-4a1 1 0 0 1 1-1 .949.949 0 0 1 .71.31.928.928 0 0 1 .29.69z"
/>
<path
fill="url(#e)"
d="M36 36h3a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1h-3a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1zm1-3h1v1h-1z"
/>
<path
fill="url(#f)"
d="M29 36h3a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1h-3a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1zm1-3h1v1h-1z"
/>
<path
fill="url(#g)"
d="M22 31a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1zm2 3h-1v-1h1z"
/>
<path
fill="url(#e)"
d="M36 43h3a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1h-3a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1zm1-3h1v1h-1z"
/>
<path
fill="url(#g)"
d="M25 38h-3a1 1 0 0 0-1 1v1a1 1 0 0 0 2 0h1v1a1 1 0 0 0 0 2h1a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1z"
/>
<path
fill="url(#f)"
d="M29 43h3a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1h-3a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1zm1-3h1v1h-1z"
/>
<path
fill="url(#h)"
d="M42 33a1 1 0 0 0 2 0h2a1 1 0 0 0 0-2h-3a1 1 0 0 0-1 1z"
/>
<path
fill="url(#i)"
d="M45 29h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-2 0v1h-1v-1a1 1 0 0 0-2 0v2a1 1 0 0 0 1 1z"
/>
<path
fill="url(#j)"
d="M38 29h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-2 0v1h-1v-1a1 1 0 0 0-2 0v2a1 1 0 0 0 1 1z"
/>
<path
fill="url(#k)"
d="M52 29h3a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1h-3a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1zm1-3h1v1h-1z"
/>
<path
fill="url(#l)"
d="M7 29h3a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1zm1-3h1v1H8z"
/>
<path
fill="url(#m)"
d="M14 29h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-2 0v1h-1v-1a1 1 0 0 0-2 0v2a1 1 0 0 0 1 1z"
/>
<path
fill="url(#n)"
d="M21 29h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-2 0v1h-1v-1a1 1 0 0 0-2 0v2a1 1 0 0 0 1 1z"
/>
<path
fill="url(#o)"
d="M15 31a1 1 0 0 0 0 2h2a1 1 0 0 0 2 0v-1a1 1 0 0 0-1-1z"
/>
</svg>
More icons in the same style and category