Add icons to this collection by clicking the heart icon.
Keyboard Button icon - also known as computer, symbol, keyboards, shapes and symbols, keyboard button, keyboard key, keyboard shortcut, and keyboard instruments. Created in a clean flat 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 32 32"
>
<defs>
<linearGradient
id="b"
x1="16"
x2="16"
y1="30"
y2="2"
gradientUnits="userSpaceOnUse"
>
<stop offset=".01" stop-color="#c694c3" />
<stop offset=".21" stop-color="#b981b9" />
<stop offset=".48" stop-color="#ab6cad" />
<stop offset="1" stop-color="#863b96" />
</linearGradient>
<linearGradient
id="a"
x1="5.79"
x2="26.21"
y1="5.79"
y2="26.21"
gradientUnits="userSpaceOnUse"
>
<stop offset=".01" stop-color="#fef59f" />
<stop offset=".06" stop-color="#fef495" />
<stop offset=".18" stop-color="#fff385" />
<stop offset=".31" stop-color="#fff27b" />
<stop offset=".48" stop-color="#fff278" />
<stop offset=".49" stop-color="#fff176" />
<stop offset=".62" stop-color="#fee65a" />
<stop offset=".74" stop-color="#fdde47" />
<stop offset=".87" stop-color="#fdda3b" />
<stop offset="1" stop-color="#fdd837" />
</linearGradient>
<linearGradient
id="c"
x1="13.33"
x2="18.78"
y1="13.28"
y2="18.72"
href="#a"
/>
<linearGradient
id="d"
x1="13.33"
x2="18.78"
y1="18.28"
y2="23.72"
href="#a"
/>
<linearGradient
id="e"
x1="13.33"
x2="18.78"
y1="8.28"
y2="13.72"
href="#a"
/>
</defs>
<g>
<rect width="28" height="28" x="2" y="2" fill="url(#b)" rx="2" />
<path
fill="url(#a)"
d="M25 27H7a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v20a1 1 0 0 1-1 1ZM8 25h16V7H8Z"
/>
<path
fill="url(#c)"
d="M20.09 17H12a1 1 0 0 1 0-2h8.06a1 1 0 1 1 0 2Z"
/>
<path
fill="url(#d)"
d="M20.09 22H12a1 1 0 0 1 0-2h8.06a1 1 0 1 1 0 2Z"
/>
<path
fill="url(#e)"
d="M20.09 12H12a1 1 0 0 1 0-2h8.06a1 1 0 0 1 0 2Z"
/>
</g>
</svg>
More icons in the same style and category