keyboard command key icon
keyboard-command-key from Material Symbols Light by Google · Regular · UI Actions · Apache-2.0 Free for personal and commercial use.
- Name
- keyboard-command-key
- Set
- Material Symbols Light
- Style
- Regular
- Category
- UI Actions
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- keyboard-command-key-outline, keyboard-command-key-outline-rounded, keyboard-command-key-outline-sharp, keyboard-command-key-rounded, keyboard-command-key-sharp
The same icon in other sets
More ui actions icons from Material Symbols Light
Use the keyboard command key icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.5 20.5q-1.258 0-2.129-.871T3.5 17.5t.871-2.129T6.5 14.5h2v-5h-2q-1.258 0-2.129-.871T3.5 6.5t.871-2.129T6.5 3.5t2.129.871T9.5 6.5v2h5v-2q0-1.258.871-2.129T17.5 3.5t2.129.871T20.5 6.5t-.871 2.129T17.5 9.5h-2v5h2q1.258 0 2.129.871T20.5 17.5t-.871 2.129t-2.129.871t-2.129-.871T14.5 17.5v-2h-5v2q0 1.258-.871 2.129T6.5 20.5m0-1q.817 0 1.409-.591q.591-.592.591-1.409v-2h-2q-.817 0-1.409.591q-.591.592-.591 1.409t.591 1.409T6.5 19.5m11 0q.817 0 1.409-.591q.591-.592.591-1.409t-.591-1.409T17.5 15.5h-2v2q0 .817.591 1.409q.592.591 1.409.591m-8-5h5v-5h-5zm-3-6h2v-2q0-.817-.591-1.409Q7.317 4.5 6.5 4.5t-1.409.591T4.5 6.5t.591 1.409Q5.683 8.5 6.5 8.5m9 0h2q.817 0 1.409-.591q.591-.592.591-1.409t-.591-1.409T17.5 4.5t-1.409.591Q15.5 5.683 15.5 6.5z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightKeyboardCommandKey(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.5 20.5q-1.258 0-2.129-.871T3.5 17.5t.871-2.129T6.5 14.5h2v-5h-2q-1.258 0-2.129-.871T3.5 6.5t.871-2.129T6.5 3.5t2.129.871T9.5 6.5v2h5v-2q0-1.258.871-2.129T17.5 3.5t2.129.871T20.5 6.5t-.871 2.129T17.5 9.5h-2v5h2q1.258 0 2.129.871T20.5 17.5t-.871 2.129t-2.129.871t-2.129-.871T14.5 17.5v-2h-5v2q0 1.258-.871 2.129T6.5 20.5m0-1q.817 0 1.409-.591q.591-.592.591-1.409v-2h-2q-.817 0-1.409.591q-.591.592-.591 1.409t.591 1.409T6.5 19.5m11 0q.817 0 1.409-.591q.591-.592.591-1.409t-.591-1.409T17.5 15.5h-2v2q0 .817.591 1.409q.592.591 1.409.591m-8-5h5v-5h-5zm-3-6h2v-2q0-.817-.591-1.409Q7.317 4.5 6.5 4.5t-1.409.591T4.5 6.5t.591 1.409Q5.683 8.5 6.5 8.5m9 0h2q.817 0 1.409-.591q.591-.592.591-1.409t-.591-1.409T17.5 4.5t-1.409.591Q15.5 5.683 15.5 6.5z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.5 20.5q-1.258 0-2.129-.871T3.5 17.5t.871-2.129T6.5 14.5h2v-5h-2q-1.258 0-2.129-.871T3.5 6.5t.871-2.129T6.5 3.5t2.129.871T9.5 6.5v2h5v-2q0-1.258.871-2.129T17.5 3.5t2.129.871T20.5 6.5t-.871 2.129T17.5 9.5h-2v5h2q1.258 0 2.129.871T20.5 17.5t-.871 2.129t-2.129.871t-2.129-.871T14.5 17.5v-2h-5v2q0 1.258-.871 2.129T6.5 20.5m0-1q.817 0 1.409-.591q.591-.592.591-1.409v-2h-2q-.817 0-1.409.591q-.591.592-.591 1.409t.591 1.409T6.5 19.5m11 0q.817 0 1.409-.591q.591-.592.591-1.409t-.591-1.409T17.5 15.5h-2v2q0 .817.591 1.409q.592.591 1.409.591m-8-5h5v-5h-5zm-3-6h2v-2q0-.817-.591-1.409Q7.317 4.5 6.5 4.5t-1.409.591T4.5 6.5t.591 1.409Q5.683 8.5 6.5 8.5m9 0h2q.817 0 1.409-.591q.591-.592.591-1.409t-.591-1.409T17.5 4.5t-1.409.591Q15.5 5.683 15.5 6.5z"/></svg> </template>
CSS
.icon-keyboard-command-key {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.5%2020.5q-1.258%200-2.129-.871T3.5%2017.5t.871-2.129T6.5%2014.5h2v-5h-2q-1.258%200-2.129-.871T3.5%206.5t.871-2.129T6.5%203.5t2.129.871T9.5%206.5v2h5v-2q0-1.258.871-2.129T17.5%203.5t2.129.871T20.5%206.5t-.871%202.129T17.5%209.5h-2v5h2q1.258%200%202.129.871T20.5%2017.5t-.871%202.129t-2.129.871t-2.129-.871T14.5%2017.5v-2h-5v2q0%201.258-.871%202.129T6.5%2020.5m0-1q.817%200%201.409-.591q.591-.592.591-1.409v-2h-2q-.817%200-1.409.591q-.591.592-.591%201.409t.591%201.409T6.5%2019.5m11%200q.817%200%201.409-.591q.591-.592.591-1.409t-.591-1.409T17.5%2015.5h-2v2q0%20.817.591%201.409q.592.591%201.409.591m-8-5h5v-5h-5zm-3-6h2v-2q0-.817-.591-1.409Q7.317%204.5%206.5%204.5t-1.409.591T4.5%206.5t.591%201.409Q5.683%208.5%206.5%208.5m9%200h2q.817%200%201.409-.591q.591-.592.591-1.409t-.591-1.409T17.5%204.5t-1.409.591Q15.5%205.683%2015.5%206.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.5%2020.5q-1.258%200-2.129-.871T3.5%2017.5t.871-2.129T6.5%2014.5h2v-5h-2q-1.258%200-2.129-.871T3.5%206.5t.871-2.129T6.5%203.5t2.129.871T9.5%206.5v2h5v-2q0-1.258.871-2.129T17.5%203.5t2.129.871T20.5%206.5t-.871%202.129T17.5%209.5h-2v5h2q1.258%200%202.129.871T20.5%2017.5t-.871%202.129t-2.129.871t-2.129-.871T14.5%2017.5v-2h-5v2q0%201.258-.871%202.129T6.5%2020.5m0-1q.817%200%201.409-.591q.591-.592.591-1.409v-2h-2q-.817%200-1.409.591q-.591.592-.591%201.409t.591%201.409T6.5%2019.5m11%200q.817%200%201.409-.591q.591-.592.591-1.409t-.591-1.409T17.5%2015.5h-2v2q0%20.817.591%201.409q.592.591%201.409.591m-8-5h5v-5h-5zm-3-6h2v-2q0-.817-.591-1.409Q7.317%204.5%206.5%204.5t-1.409.591T4.5%206.5t.591%201.409Q5.683%208.5%206.5%208.5m9%200h2q.817%200%201.409-.591q.591-.592.591-1.409t-.591-1.409T17.5%204.5t-1.409.591Q15.5%205.683%2015.5%206.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/keyboard-command-key.svg?color=%231a73e8&size=48
