keyboard icon
keyboard-bold-duotone from Solar by 480 Design · Bold Duotone · Devices · CC-BY-4.0 Attribution required.
- Name
- keyboard-bold-duotone
- Set
- Solar
- Style
- Bold Duotone
- Category
- Devices
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
keyboardBootstrap IconskeyboardBoxIcons v2 SolidkeyboardCarbonkeyboardEmoji One (Colored)keyboardFramework7 IconskeyboardFont Awesome 6 RegularkeyboardFont Awesome 6 SolidkeyboardFont Awesome RegularkeyboardFont Awesome Solidkeyboard-outlineFlowbite Iconskeyboard-16-filledFluent UI System IconskeyboardFluent EmojikeyboardFluent Emoji FlatkeyboardFluent Emoji High ContrastkeyboardFirefox OS Emojikeyboardcss.ggkeyboardHuge IconskeyboardIconParkkeyboardIconPark OutlinekeyboardIconPark SolidkeyboardIconPark TwoTonekeyboardJam IconskeyboardLine AwesomekeyboardLucide
More devices icons from Solar
airbuds-boldairbuds-case-boldairbuds-case-charge-boldairbuds-case-minimalistic-boldairbuds-case-open-boldairbuds-charge-boldairbuds-check-boldairbuds-left-boldairbuds-remove-boldairbuds-right-boldbinoculars-boldbluetooth-boldbluetooth-circle-boldbluetooth-square-boldbluetooth-wave-boldboombox-boldbot-boldcassette-2-boldcassette-boldcloud-storage-boldcpu-boldcpu-bolt-bolddevices-bolddiskette-bold
Use the keyboard icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M16 5H8C5.17157 5 3.75736 5 2.87868 5.87868C2 6.75736 2 8.17157 2 11V13C2 15.8284 2 17.2426 2.87868 18.1213C3.75736 19 5.17157 19 8 19H16C18.8284 19 20.2426 19 21.1213 18.1213C22 17.2426 22 15.8284 22 13V11C22 8.17157 22 6.75736 21.1213 5.87868C20.2426 5 18.8284 5 16 5Z" opacity=".5"/><path d="M6 10C6.55228 10 7 9.55228 7 9C7 8.44772 6.55228 8 6 8C5.44772 8 5 8.44772 5 9C5 9.55228 5.44772 10 6 10Z"/><path d="M6 13C6.55228 13 7 12.5523 7 12C7 11.4477 6.55228 11 6 11C5.44772 11 5 11.4477 5 12C5 12.5523 5.44772 13 6 13Z"/><path d="M9 13C9.55228 13 10 12.5523 10 12C10 11.4477 9.55228 11 9 11C8.44772 11 8 11.4477 8 12C8 12.5523 8.44772 13 9 13Z"/><path d="M9 10C9.55228 10 10 9.55228 10 9C10 8.44772 9.55228 8 9 8C8.44772 8 8 8.44772 8 9C8 9.55228 8.44772 10 9 10Z"/><path d="M12 10C12.5523 10 13 9.55228 13 9C13 8.44772 12.5523 8 12 8C11.4477 8 11 8.44772 11 9C11 9.55228 11.4477 10 12 10Z"/><path d="M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z"/><path d="M15 10C15.5523 10 16 9.55228 16 9C16 8.44772 15.5523 8 15 8C14.4477 8 14 8.44772 14 9C14 9.55228 14.4477 10 15 10Z"/><path d="M15 13C15.5523 13 16 12.5523 16 12C16 11.4477 15.5523 11 15 11C14.4477 11 14 11.4477 14 12C14 12.5523 14.4477 13 15 13Z"/><path d="M18 10C18.5523 10 19 9.55228 19 9C19 8.44772 18.5523 8 18 8C17.4477 8 17 8.44772 17 9C17 9.55228 17.4477 10 18 10Z"/><path d="M18 13C18.5523 13 19 12.5523 19 12C19 11.4477 18.5523 11 18 11C17.4477 11 17 11.4477 17 12C17 12.5523 17.4477 13 18 13Z"/><path d="M17.75 16C17.75 16.4142 17.4142 16.75 17 16.75H7C6.58579 16.75 6.25 16.4142 6.25 16C6.25 15.5858 6.58579 15.25 7 15.25H17C17.4142 15.25 17.75 15.5858 17.75 16Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarKeyboardBoldDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M16 5H8C5.17157 5 3.75736 5 2.87868 5.87868C2 6.75736 2 8.17157 2 11V13C2 15.8284 2 17.2426 2.87868 18.1213C3.75736 19 5.17157 19 8 19H16C18.8284 19 20.2426 19 21.1213 18.1213C22 17.2426 22 15.8284 22 13V11C22 8.17157 22 6.75736 21.1213 5.87868C20.2426 5 18.8284 5 16 5Z" opacity=".5"/><path d="M6 10C6.55228 10 7 9.55228 7 9C7 8.44772 6.55228 8 6 8C5.44772 8 5 8.44772 5 9C5 9.55228 5.44772 10 6 10Z"/><path d="M6 13C6.55228 13 7 12.5523 7 12C7 11.4477 6.55228 11 6 11C5.44772 11 5 11.4477 5 12C5 12.5523 5.44772 13 6 13Z"/><path d="M9 13C9.55228 13 10 12.5523 10 12C10 11.4477 9.55228 11 9 11C8.44772 11 8 11.4477 8 12C8 12.5523 8.44772 13 9 13Z"/><path d="M9 10C9.55228 10 10 9.55228 10 9C10 8.44772 9.55228 8 9 8C8.44772 8 8 8.44772 8 9C8 9.55228 8.44772 10 9 10Z"/><path d="M12 10C12.5523 10 13 9.55228 13 9C13 8.44772 12.5523 8 12 8C11.4477 8 11 8.44772 11 9C11 9.55228 11.4477 10 12 10Z"/><path d="M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z"/><path d="M15 10C15.5523 10 16 9.55228 16 9C16 8.44772 15.5523 8 15 8C14.4477 8 14 8.44772 14 9C14 9.55228 14.4477 10 15 10Z"/><path d="M15 13C15.5523 13 16 12.5523 16 12C16 11.4477 15.5523 11 15 11C14.4477 11 14 11.4477 14 12C14 12.5523 14.4477 13 15 13Z"/><path d="M18 10C18.5523 10 19 9.55228 19 9C19 8.44772 18.5523 8 18 8C17.4477 8 17 8.44772 17 9C17 9.55228 17.4477 10 18 10Z"/><path d="M18 13C18.5523 13 19 12.5523 19 12C19 11.4477 18.5523 11 18 11C17.4477 11 17 11.4477 17 12C17 12.5523 17.4477 13 18 13Z"/><path d="M17.75 16C17.75 16.4142 17.4142 16.75 17 16.75H7C6.58579 16.75 6.25 16.4142 6.25 16C6.25 15.5858 6.58579 15.25 7 15.25H17C17.4142 15.25 17.75 15.5858 17.75 16Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M16 5H8C5.17157 5 3.75736 5 2.87868 5.87868C2 6.75736 2 8.17157 2 11V13C2 15.8284 2 17.2426 2.87868 18.1213C3.75736 19 5.17157 19 8 19H16C18.8284 19 20.2426 19 21.1213 18.1213C22 17.2426 22 15.8284 22 13V11C22 8.17157 22 6.75736 21.1213 5.87868C20.2426 5 18.8284 5 16 5Z" opacity=".5"/><path d="M6 10C6.55228 10 7 9.55228 7 9C7 8.44772 6.55228 8 6 8C5.44772 8 5 8.44772 5 9C5 9.55228 5.44772 10 6 10Z"/><path d="M6 13C6.55228 13 7 12.5523 7 12C7 11.4477 6.55228 11 6 11C5.44772 11 5 11.4477 5 12C5 12.5523 5.44772 13 6 13Z"/><path d="M9 13C9.55228 13 10 12.5523 10 12C10 11.4477 9.55228 11 9 11C8.44772 11 8 11.4477 8 12C8 12.5523 8.44772 13 9 13Z"/><path d="M9 10C9.55228 10 10 9.55228 10 9C10 8.44772 9.55228 8 9 8C8.44772 8 8 8.44772 8 9C8 9.55228 8.44772 10 9 10Z"/><path d="M12 10C12.5523 10 13 9.55228 13 9C13 8.44772 12.5523 8 12 8C11.4477 8 11 8.44772 11 9C11 9.55228 11.4477 10 12 10Z"/><path d="M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z"/><path d="M15 10C15.5523 10 16 9.55228 16 9C16 8.44772 15.5523 8 15 8C14.4477 8 14 8.44772 14 9C14 9.55228 14.4477 10 15 10Z"/><path d="M15 13C15.5523 13 16 12.5523 16 12C16 11.4477 15.5523 11 15 11C14.4477 11 14 11.4477 14 12C14 12.5523 14.4477 13 15 13Z"/><path d="M18 10C18.5523 10 19 9.55228 19 9C19 8.44772 18.5523 8 18 8C17.4477 8 17 8.44772 17 9C17 9.55228 17.4477 10 18 10Z"/><path d="M18 13C18.5523 13 19 12.5523 19 12C19 11.4477 18.5523 11 18 11C17.4477 11 17 11.4477 17 12C17 12.5523 17.4477 13 18 13Z"/><path d="M17.75 16C17.75 16.4142 17.4142 16.75 17 16.75H7C6.58579 16.75 6.25 16.4142 6.25 16C6.25 15.5858 6.58579 15.25 7 15.25H17C17.4142 15.25 17.75 15.5858 17.75 16Z"/></g></svg> </template>
CSS
.icon-keyboard-bold-duotone {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M16%205H8C5.17157%205%203.75736%205%202.87868%205.87868C2%206.75736%202%208.17157%202%2011V13C2%2015.8284%202%2017.2426%202.87868%2018.1213C3.75736%2019%205.17157%2019%208%2019H16C18.8284%2019%2020.2426%2019%2021.1213%2018.1213C22%2017.2426%2022%2015.8284%2022%2013V11C22%208.17157%2022%206.75736%2021.1213%205.87868C20.2426%205%2018.8284%205%2016%205Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M6%2010C6.55228%2010%207%209.55228%207%209C7%208.44772%206.55228%208%206%208C5.44772%208%205%208.44772%205%209C5%209.55228%205.44772%2010%206%2010Z%22%2F%3E%3Cpath%20d%3D%22M6%2013C6.55228%2013%207%2012.5523%207%2012C7%2011.4477%206.55228%2011%206%2011C5.44772%2011%205%2011.4477%205%2012C5%2012.5523%205.44772%2013%206%2013Z%22%2F%3E%3Cpath%20d%3D%22M9%2013C9.55228%2013%2010%2012.5523%2010%2012C10%2011.4477%209.55228%2011%209%2011C8.44772%2011%208%2011.4477%208%2012C8%2012.5523%208.44772%2013%209%2013Z%22%2F%3E%3Cpath%20d%3D%22M9%2010C9.55228%2010%2010%209.55228%2010%209C10%208.44772%209.55228%208%209%208C8.44772%208%208%208.44772%208%209C8%209.55228%208.44772%2010%209%2010Z%22%2F%3E%3Cpath%20d%3D%22M12%2010C12.5523%2010%2013%209.55228%2013%209C13%208.44772%2012.5523%208%2012%208C11.4477%208%2011%208.44772%2011%209C11%209.55228%2011.4477%2010%2012%2010Z%22%2F%3E%3Cpath%20d%3D%22M12%2013C12.5523%2013%2013%2012.5523%2013%2012C13%2011.4477%2012.5523%2011%2012%2011C11.4477%2011%2011%2011.4477%2011%2012C11%2012.5523%2011.4477%2013%2012%2013Z%22%2F%3E%3Cpath%20d%3D%22M15%2010C15.5523%2010%2016%209.55228%2016%209C16%208.44772%2015.5523%208%2015%208C14.4477%208%2014%208.44772%2014%209C14%209.55228%2014.4477%2010%2015%2010Z%22%2F%3E%3Cpath%20d%3D%22M15%2013C15.5523%2013%2016%2012.5523%2016%2012C16%2011.4477%2015.5523%2011%2015%2011C14.4477%2011%2014%2011.4477%2014%2012C14%2012.5523%2014.4477%2013%2015%2013Z%22%2F%3E%3Cpath%20d%3D%22M18%2010C18.5523%2010%2019%209.55228%2019%209C19%208.44772%2018.5523%208%2018%208C17.4477%208%2017%208.44772%2017%209C17%209.55228%2017.4477%2010%2018%2010Z%22%2F%3E%3Cpath%20d%3D%22M18%2013C18.5523%2013%2019%2012.5523%2019%2012C19%2011.4477%2018.5523%2011%2018%2011C17.4477%2011%2017%2011.4477%2017%2012C17%2012.5523%2017.4477%2013%2018%2013Z%22%2F%3E%3Cpath%20d%3D%22M17.75%2016C17.75%2016.4142%2017.4142%2016.75%2017%2016.75H7C6.58579%2016.75%206.25%2016.4142%206.25%2016C6.25%2015.5858%206.58579%2015.25%207%2015.25H17C17.4142%2015.25%2017.75%2015.5858%2017.75%2016Z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M16%205H8C5.17157%205%203.75736%205%202.87868%205.87868C2%206.75736%202%208.17157%202%2011V13C2%2015.8284%202%2017.2426%202.87868%2018.1213C3.75736%2019%205.17157%2019%208%2019H16C18.8284%2019%2020.2426%2019%2021.1213%2018.1213C22%2017.2426%2022%2015.8284%2022%2013V11C22%208.17157%2022%206.75736%2021.1213%205.87868C20.2426%205%2018.8284%205%2016%205Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M6%2010C6.55228%2010%207%209.55228%207%209C7%208.44772%206.55228%208%206%208C5.44772%208%205%208.44772%205%209C5%209.55228%205.44772%2010%206%2010Z%22%2F%3E%3Cpath%20d%3D%22M6%2013C6.55228%2013%207%2012.5523%207%2012C7%2011.4477%206.55228%2011%206%2011C5.44772%2011%205%2011.4477%205%2012C5%2012.5523%205.44772%2013%206%2013Z%22%2F%3E%3Cpath%20d%3D%22M9%2013C9.55228%2013%2010%2012.5523%2010%2012C10%2011.4477%209.55228%2011%209%2011C8.44772%2011%208%2011.4477%208%2012C8%2012.5523%208.44772%2013%209%2013Z%22%2F%3E%3Cpath%20d%3D%22M9%2010C9.55228%2010%2010%209.55228%2010%209C10%208.44772%209.55228%208%209%208C8.44772%208%208%208.44772%208%209C8%209.55228%208.44772%2010%209%2010Z%22%2F%3E%3Cpath%20d%3D%22M12%2010C12.5523%2010%2013%209.55228%2013%209C13%208.44772%2012.5523%208%2012%208C11.4477%208%2011%208.44772%2011%209C11%209.55228%2011.4477%2010%2012%2010Z%22%2F%3E%3Cpath%20d%3D%22M12%2013C12.5523%2013%2013%2012.5523%2013%2012C13%2011.4477%2012.5523%2011%2012%2011C11.4477%2011%2011%2011.4477%2011%2012C11%2012.5523%2011.4477%2013%2012%2013Z%22%2F%3E%3Cpath%20d%3D%22M15%2010C15.5523%2010%2016%209.55228%2016%209C16%208.44772%2015.5523%208%2015%208C14.4477%208%2014%208.44772%2014%209C14%209.55228%2014.4477%2010%2015%2010Z%22%2F%3E%3Cpath%20d%3D%22M15%2013C15.5523%2013%2016%2012.5523%2016%2012C16%2011.4477%2015.5523%2011%2015%2011C14.4477%2011%2014%2011.4477%2014%2012C14%2012.5523%2014.4477%2013%2015%2013Z%22%2F%3E%3Cpath%20d%3D%22M18%2010C18.5523%2010%2019%209.55228%2019%209C19%208.44772%2018.5523%208%2018%208C17.4477%208%2017%208.44772%2017%209C17%209.55228%2017.4477%2010%2018%2010Z%22%2F%3E%3Cpath%20d%3D%22M18%2013C18.5523%2013%2019%2012.5523%2019%2012C19%2011.4477%2018.5523%2011%2018%2011C17.4477%2011%2017%2011.4477%2017%2012C17%2012.5523%2017.4477%2013%2018%2013Z%22%2F%3E%3Cpath%20d%3D%22M17.75%2016C17.75%2016.4142%2017.4142%2016.75%2017%2016.75H7C6.58579%2016.75%206.25%2016.4142%206.25%2016C6.25%2015.5858%206.58579%2015.25%207%2015.25H17C17.4142%2015.25%2017.75%2015.5858%2017.75%2016Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/keyboard-bold-duotone.svg?color=%231a73e8&size=48
