keyboard 123 icon
keyboard-123-24-regular from Fluent UI System Icons by Microsoft Corporation · 24 Regular · MIT Free for personal and commercial use.
- Name
- keyboard-123-24-regular
- Set
- Fluent UI System Icons
- Style
- 24 Regular
- Viewbox
- 24×24
- License
- MIT
3 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the keyboard 123 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.165 4.17a.75.75 0 0 0 .999-.32l.002-.004l.036-.052a1.2 1.2 0 0 1 .204-.208c.19-.152.526-.336 1.094-.336c.492 0 .78.237.892.46c.103.207.103.484-.172.76c-.195.194-.446.363-.766.548q-.133.077-.29.164c-.24.135-.512.287-.753.445c-.757.494-1.494 1.211-1.655 2.532A.75.75 0 0 0 5.5 9h3.75a.75.75 0 1 0 0-1.5H6.548c.17-.243.402-.434.683-.618c.199-.13.392-.237.607-.358q.172-.095.369-.208c.349-.203.738-.45 1.073-.786c.725-.724.85-1.697.453-2.49c-.388-.777-1.225-1.29-2.233-1.29c-.932 0-1.595.316-2.03.664a2.7 2.7 0 0 0-.587.654l-.034.06l-.012.02l-.004.01l-.002.003v.002l-.002.002a.75.75 0 0 0 .336 1.006m9.21.314c-.135.126-.4.266-.875.266a.75.75 0 0 0 0 1.5c.474 0 .74.14.875.266s.19.283.18.44c-.015.263-.282.794-1.305.794c-.465 0-.76-.137-.928-.249a1 1 0 0 1-.208-.182a.75.75 0 0 0-1.03-.193c-.584.375-.208 1.04-.208 1.04l.001.001l.001.002l.002.003l.005.008l.013.018l.036.048q.044.056.119.136c.1.106.243.238.437.367c.394.263.975.501 1.76.501c1.622 0 2.73-.969 2.803-2.206A2.04 2.04 0 0 0 15.48 5.5c.411-.427.606-.986.573-1.544c-.074-1.237-1.181-2.206-2.803-2.206c-.785 0-1.366.238-1.76.501a2.5 2.5 0 0 0-.556.503l-.036.048l-.013.018l-.005.008l-.002.003l-.001.002l-.001.001a.75.75 0 0 0 1.238.847l.029-.033c.033-.035.092-.09.18-.149c.168-.112.462-.249.927-.249c1.023 0 1.29.531 1.306.794a.55.55 0 0 1-.181.44m-2.251 2.85l-.007-.011v.002l.004.004l.001.002zm0-3.667l-.007.01v-.002l.004-.004l.001-.002zM3.495 2.649l.007.1v5.497a.75.75 0 0 1-1.494.102l-.006-.102V3.792l-.513.173a.75.75 0 0 1-.91-.378l-.04-.095a.75.75 0 0 1 .378-.91l.095-.04l1.501-.503a.75.75 0 0 1 .982.61M17.027 6.5h2.718a.75.75 0 0 1 .75.75v9.505a.75.75 0 0 1-.75.75H4.25a.75.75 0 0 1-.75-.75V9.804A1.74 1.74 0 0 1 2 9.85v6.905a2.25 2.25 0 0 0 2.25 2.25h15.495a2.25 2.25 0 0 0 2.25-2.25V7.25A2.25 2.25 0 0 0 19.745 5h-2.832a3 3 0 0 1-.21.5c.167.315.276.653.324 1m.223 8H6.75l-.102.007A.75.75 0 0 0 6.75 16h10.5l.102-.007a.75.75 0 0 0-.102-1.493m.25-2.5a1 1 0 1 0-2 0a1 1 0 0 0 2 0m-5.995 0a1 1 0 1 0-2 0a1 1 0 0 0 2 0m-3 0a1 1 0 1 0-2 0a1 1 0 0 0 2 0m6 0a1 1 0 1 0-2 0a1 1 0 0 0 2 0m4.49-3a1 1 0 1 0-2 0a1 1 0 0 0 2 0"/></svg>
React
import type { SVGProps } from "react";
export function FluentKeyboard12324Regular(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="M5.165 4.17a.75.75 0 0 0 .999-.32l.002-.004l.036-.052a1.2 1.2 0 0 1 .204-.208c.19-.152.526-.336 1.094-.336c.492 0 .78.237.892.46c.103.207.103.484-.172.76c-.195.194-.446.363-.766.548q-.133.077-.29.164c-.24.135-.512.287-.753.445c-.757.494-1.494 1.211-1.655 2.532A.75.75 0 0 0 5.5 9h3.75a.75.75 0 1 0 0-1.5H6.548c.17-.243.402-.434.683-.618c.199-.13.392-.237.607-.358q.172-.095.369-.208c.349-.203.738-.45 1.073-.786c.725-.724.85-1.697.453-2.49c-.388-.777-1.225-1.29-2.233-1.29c-.932 0-1.595.316-2.03.664a2.7 2.7 0 0 0-.587.654l-.034.06l-.012.02l-.004.01l-.002.003v.002l-.002.002a.75.75 0 0 0 .336 1.006m9.21.314c-.135.126-.4.266-.875.266a.75.75 0 0 0 0 1.5c.474 0 .74.14.875.266s.19.283.18.44c-.015.263-.282.794-1.305.794c-.465 0-.76-.137-.928-.249a1 1 0 0 1-.208-.182a.75.75 0 0 0-1.03-.193c-.584.375-.208 1.04-.208 1.04l.001.001l.001.002l.002.003l.005.008l.013.018l.036.048q.044.056.119.136c.1.106.243.238.437.367c.394.263.975.501 1.76.501c1.622 0 2.73-.969 2.803-2.206A2.04 2.04 0 0 0 15.48 5.5c.411-.427.606-.986.573-1.544c-.074-1.237-1.181-2.206-2.803-2.206c-.785 0-1.366.238-1.76.501a2.5 2.5 0 0 0-.556.503l-.036.048l-.013.018l-.005.008l-.002.003l-.001.002l-.001.001a.75.75 0 0 0 1.238.847l.029-.033c.033-.035.092-.09.18-.149c.168-.112.462-.249.927-.249c1.023 0 1.29.531 1.306.794a.55.55 0 0 1-.181.44m-2.251 2.85l-.007-.011v.002l.004.004l.001.002zm0-3.667l-.007.01v-.002l.004-.004l.001-.002zM3.495 2.649l.007.1v5.497a.75.75 0 0 1-1.494.102l-.006-.102V3.792l-.513.173a.75.75 0 0 1-.91-.378l-.04-.095a.75.75 0 0 1 .378-.91l.095-.04l1.501-.503a.75.75 0 0 1 .982.61M17.027 6.5h2.718a.75.75 0 0 1 .75.75v9.505a.75.75 0 0 1-.75.75H4.25a.75.75 0 0 1-.75-.75V9.804A1.74 1.74 0 0 1 2 9.85v6.905a2.25 2.25 0 0 0 2.25 2.25h15.495a2.25 2.25 0 0 0 2.25-2.25V7.25A2.25 2.25 0 0 0 19.745 5h-2.832a3 3 0 0 1-.21.5c.167.315.276.653.324 1m.223 8H6.75l-.102.007A.75.75 0 0 0 6.75 16h10.5l.102-.007a.75.75 0 0 0-.102-1.493m.25-2.5a1 1 0 1 0-2 0a1 1 0 0 0 2 0m-5.995 0a1 1 0 1 0-2 0a1 1 0 0 0 2 0m-3 0a1 1 0 1 0-2 0a1 1 0 0 0 2 0m6 0a1 1 0 1 0-2 0a1 1 0 0 0 2 0m4.49-3a1 1 0 1 0-2 0a1 1 0 0 0 2 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.165 4.17a.75.75 0 0 0 .999-.32l.002-.004l.036-.052a1.2 1.2 0 0 1 .204-.208c.19-.152.526-.336 1.094-.336c.492 0 .78.237.892.46c.103.207.103.484-.172.76c-.195.194-.446.363-.766.548q-.133.077-.29.164c-.24.135-.512.287-.753.445c-.757.494-1.494 1.211-1.655 2.532A.75.75 0 0 0 5.5 9h3.75a.75.75 0 1 0 0-1.5H6.548c.17-.243.402-.434.683-.618c.199-.13.392-.237.607-.358q.172-.095.369-.208c.349-.203.738-.45 1.073-.786c.725-.724.85-1.697.453-2.49c-.388-.777-1.225-1.29-2.233-1.29c-.932 0-1.595.316-2.03.664a2.7 2.7 0 0 0-.587.654l-.034.06l-.012.02l-.004.01l-.002.003v.002l-.002.002a.75.75 0 0 0 .336 1.006m9.21.314c-.135.126-.4.266-.875.266a.75.75 0 0 0 0 1.5c.474 0 .74.14.875.266s.19.283.18.44c-.015.263-.282.794-1.305.794c-.465 0-.76-.137-.928-.249a1 1 0 0 1-.208-.182a.75.75 0 0 0-1.03-.193c-.584.375-.208 1.04-.208 1.04l.001.001l.001.002l.002.003l.005.008l.013.018l.036.048q.044.056.119.136c.1.106.243.238.437.367c.394.263.975.501 1.76.501c1.622 0 2.73-.969 2.803-2.206A2.04 2.04 0 0 0 15.48 5.5c.411-.427.606-.986.573-1.544c-.074-1.237-1.181-2.206-2.803-2.206c-.785 0-1.366.238-1.76.501a2.5 2.5 0 0 0-.556.503l-.036.048l-.013.018l-.005.008l-.002.003l-.001.002l-.001.001a.75.75 0 0 0 1.238.847l.029-.033c.033-.035.092-.09.18-.149c.168-.112.462-.249.927-.249c1.023 0 1.29.531 1.306.794a.55.55 0 0 1-.181.44m-2.251 2.85l-.007-.011v.002l.004.004l.001.002zm0-3.667l-.007.01v-.002l.004-.004l.001-.002zM3.495 2.649l.007.1v5.497a.75.75 0 0 1-1.494.102l-.006-.102V3.792l-.513.173a.75.75 0 0 1-.91-.378l-.04-.095a.75.75 0 0 1 .378-.91l.095-.04l1.501-.503a.75.75 0 0 1 .982.61M17.027 6.5h2.718a.75.75 0 0 1 .75.75v9.505a.75.75 0 0 1-.75.75H4.25a.75.75 0 0 1-.75-.75V9.804A1.74 1.74 0 0 1 2 9.85v6.905a2.25 2.25 0 0 0 2.25 2.25h15.495a2.25 2.25 0 0 0 2.25-2.25V7.25A2.25 2.25 0 0 0 19.745 5h-2.832a3 3 0 0 1-.21.5c.167.315.276.653.324 1m.223 8H6.75l-.102.007A.75.75 0 0 0 6.75 16h10.5l.102-.007a.75.75 0 0 0-.102-1.493m.25-2.5a1 1 0 1 0-2 0a1 1 0 0 0 2 0m-5.995 0a1 1 0 1 0-2 0a1 1 0 0 0 2 0m-3 0a1 1 0 1 0-2 0a1 1 0 0 0 2 0m6 0a1 1 0 1 0-2 0a1 1 0 0 0 2 0m4.49-3a1 1 0 1 0-2 0a1 1 0 0 0 2 0"/></svg> </template>
CSS
.icon-keyboard-123-24-regular {
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%22M5.165%204.17a.75.75%200%200%200%20.999-.32l.002-.004l.036-.052a1.2%201.2%200%200%201%20.204-.208c.19-.152.526-.336%201.094-.336c.492%200%20.78.237.892.46c.103.207.103.484-.172.76c-.195.194-.446.363-.766.548q-.133.077-.29.164c-.24.135-.512.287-.753.445c-.757.494-1.494%201.211-1.655%202.532A.75.75%200%200%200%205.5%209h3.75a.75.75%200%201%200%200-1.5H6.548c.17-.243.402-.434.683-.618c.199-.13.392-.237.607-.358q.172-.095.369-.208c.349-.203.738-.45%201.073-.786c.725-.724.85-1.697.453-2.49c-.388-.777-1.225-1.29-2.233-1.29c-.932%200-1.595.316-2.03.664a2.7%202.7%200%200%200-.587.654l-.034.06l-.012.02l-.004.01l-.002.003v.002l-.002.002a.75.75%200%200%200%20.336%201.006m9.21.314c-.135.126-.4.266-.875.266a.75.75%200%200%200%200%201.5c.474%200%20.74.14.875.266s.19.283.18.44c-.015.263-.282.794-1.305.794c-.465%200-.76-.137-.928-.249a1%201%200%200%201-.208-.182a.75.75%200%200%200-1.03-.193c-.584.375-.208%201.04-.208%201.04l.001.001l.001.002l.002.003l.005.008l.013.018l.036.048q.044.056.119.136c.1.106.243.238.437.367c.394.263.975.501%201.76.501c1.622%200%202.73-.969%202.803-2.206A2.04%202.04%200%200%200%2015.48%205.5c.411-.427.606-.986.573-1.544c-.074-1.237-1.181-2.206-2.803-2.206c-.785%200-1.366.238-1.76.501a2.5%202.5%200%200%200-.556.503l-.036.048l-.013.018l-.005.008l-.002.003l-.001.002l-.001.001a.75.75%200%200%200%201.238.847l.029-.033c.033-.035.092-.09.18-.149c.168-.112.462-.249.927-.249c1.023%200%201.29.531%201.306.794a.55.55%200%200%201-.181.44m-2.251%202.85l-.007-.011v.002l.004.004l.001.002zm0-3.667l-.007.01v-.002l.004-.004l.001-.002zM3.495%202.649l.007.1v5.497a.75.75%200%200%201-1.494.102l-.006-.102V3.792l-.513.173a.75.75%200%200%201-.91-.378l-.04-.095a.75.75%200%200%201%20.378-.91l.095-.04l1.501-.503a.75.75%200%200%201%20.982.61M17.027%206.5h2.718a.75.75%200%200%201%20.75.75v9.505a.75.75%200%200%201-.75.75H4.25a.75.75%200%200%201-.75-.75V9.804A1.74%201.74%200%200%201%202%209.85v6.905a2.25%202.25%200%200%200%202.25%202.25h15.495a2.25%202.25%200%200%200%202.25-2.25V7.25A2.25%202.25%200%200%200%2019.745%205h-2.832a3%203%200%200%201-.21.5c.167.315.276.653.324%201m.223%208H6.75l-.102.007A.75.75%200%200%200%206.75%2016h10.5l.102-.007a.75.75%200%200%200-.102-1.493m.25-2.5a1%201%200%201%200-2%200a1%201%200%200%200%202%200m-5.995%200a1%201%200%201%200-2%200a1%201%200%200%200%202%200m-3%200a1%201%200%201%200-2%200a1%201%200%200%200%202%200m6%200a1%201%200%201%200-2%200a1%201%200%200%200%202%200m4.49-3a1%201%200%201%200-2%200a1%201%200%200%200%202%200%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%22M5.165%204.17a.75.75%200%200%200%20.999-.32l.002-.004l.036-.052a1.2%201.2%200%200%201%20.204-.208c.19-.152.526-.336%201.094-.336c.492%200%20.78.237.892.46c.103.207.103.484-.172.76c-.195.194-.446.363-.766.548q-.133.077-.29.164c-.24.135-.512.287-.753.445c-.757.494-1.494%201.211-1.655%202.532A.75.75%200%200%200%205.5%209h3.75a.75.75%200%201%200%200-1.5H6.548c.17-.243.402-.434.683-.618c.199-.13.392-.237.607-.358q.172-.095.369-.208c.349-.203.738-.45%201.073-.786c.725-.724.85-1.697.453-2.49c-.388-.777-1.225-1.29-2.233-1.29c-.932%200-1.595.316-2.03.664a2.7%202.7%200%200%200-.587.654l-.034.06l-.012.02l-.004.01l-.002.003v.002l-.002.002a.75.75%200%200%200%20.336%201.006m9.21.314c-.135.126-.4.266-.875.266a.75.75%200%200%200%200%201.5c.474%200%20.74.14.875.266s.19.283.18.44c-.015.263-.282.794-1.305.794c-.465%200-.76-.137-.928-.249a1%201%200%200%201-.208-.182a.75.75%200%200%200-1.03-.193c-.584.375-.208%201.04-.208%201.04l.001.001l.001.002l.002.003l.005.008l.013.018l.036.048q.044.056.119.136c.1.106.243.238.437.367c.394.263.975.501%201.76.501c1.622%200%202.73-.969%202.803-2.206A2.04%202.04%200%200%200%2015.48%205.5c.411-.427.606-.986.573-1.544c-.074-1.237-1.181-2.206-2.803-2.206c-.785%200-1.366.238-1.76.501a2.5%202.5%200%200%200-.556.503l-.036.048l-.013.018l-.005.008l-.002.003l-.001.002l-.001.001a.75.75%200%200%200%201.238.847l.029-.033c.033-.035.092-.09.18-.149c.168-.112.462-.249.927-.249c1.023%200%201.29.531%201.306.794a.55.55%200%200%201-.181.44m-2.251%202.85l-.007-.011v.002l.004.004l.001.002zm0-3.667l-.007.01v-.002l.004-.004l.001-.002zM3.495%202.649l.007.1v5.497a.75.75%200%200%201-1.494.102l-.006-.102V3.792l-.513.173a.75.75%200%200%201-.91-.378l-.04-.095a.75.75%200%200%201%20.378-.91l.095-.04l1.501-.503a.75.75%200%200%201%20.982.61M17.027%206.5h2.718a.75.75%200%200%201%20.75.75v9.505a.75.75%200%200%201-.75.75H4.25a.75.75%200%200%201-.75-.75V9.804A1.74%201.74%200%200%201%202%209.85v6.905a2.25%202.25%200%200%200%202.25%202.25h15.495a2.25%202.25%200%200%200%202.25-2.25V7.25A2.25%202.25%200%200%200%2019.745%205h-2.832a3%203%200%200%201-.21.5c.167.315.276.653.324%201m.223%208H6.75l-.102.007A.75.75%200%200%200%206.75%2016h10.5l.102-.007a.75.75%200%200%200-.102-1.493m.25-2.5a1%201%200%201%200-2%200a1%201%200%200%200%202%200m-5.995%200a1%201%200%201%200-2%200a1%201%200%200%200%202%200m-3%200a1%201%200%201%200-2%200a1%201%200%200%200%202%200m6%200a1%201%200%201%200-2%200a1%201%200%200%200%202%200m4.49-3a1%201%200%201%200-2%200a1%201%200%200%200%202%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/keyboard-123-24-regular.svg?color=%231a73e8&size=48
