ICONYZ
English
Keyboard icon from Fluent Emoji

Keyboard icon

fluent-emoji:keyboard

The Keyboard icon (fluent-emoji:keyboard) is a free SVG icon from the Fluent Emoji set by Microsoft Corporation. It is drawn on a 32 × 32 grid. Fluent Emoji icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Fluent Emoji
Author
Microsoft Corporation
License
MIT
Size
32 × 32
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#iAxNSGc)"><rect width="27.719" height="16.906" x="2.141" y="11.047" fill="url(#iKLANYj)" rx="2.5"/></g><g filter="url(#ih9q89W)"><path fill="#98A" d="M2.14 25.453v1.969a2.5 2.5 0 0 0 2.5 2.5h22.72a2.5 2.5 0 0 0 2.5-2.5v-1.969a2.5 2.5 0 0 1-2.5 2.5H4.64a2.5 2.5 0 0 1-2.5-2.5"/></g><path fill="url(#iMezuKe)" d="M2.14 25.453v1.969a2.5 2.5 0 0 0 2.5 2.5h22.72a2.5 2.5 0 0 0 2.5-2.5v-1.969a2.5 2.5 0 0 1-2.5 2.5H4.64a2.5 2.5 0 0 1-2.5-2.5"/><path fill="url(#iKqHNCe)" d="M2.14 25.453v1.969a2.5 2.5 0 0 0 2.5 2.5h22.72a2.5 2.5 0 0 0 2.5-2.5v-1.969a2.5 2.5 0 0 1-2.5 2.5H4.64a2.5 2.5 0 0 1-2.5-2.5"/><g filter="url(#itofA3b)"><rect width="2.313" height="1.488" x="4.037" y="13.641" fill="#9D9AA2" rx=".4"/></g><g filter="url(#iyyH5Sd)"><rect width="2.313" height="2.215" x="4.037" y="17.355" fill="#9D9AA2" rx=".4"/></g><g filter="url(#iXOZjmd)"><rect width="2.313" height="2.215" x="7.125" y="17.355" fill="#9D9AA2" rx=".4"/></g><g filter="url(#i65UFkd)"><rect width="2.313" height="2.215" x="10.212" y="17.355" fill="#9D9AA2" rx=".4"/></g><g filter="url(#iTQ1F0g)"><rect width="2.313" height="2.215" x="13.3" y="17.355" fill="#9D9AA2" rx=".4"/></g><g filter="url(#ic9ORec)"><rect width="2.313" height="2.215" x="16.388" y="17.355" fill="#9D9AA2" rx=".4"/></g><g filter="url(#ieQB7se)"><rect width="2.313" height="2.215" x="19.475" y="17.355" fill="#9D9AA2" rx=".4"/></g><g filter="url(#iy8Rj0b)"><rect width="2.313" height="2.215" x="22.563" y="17.355" fill="#9D9AA2" rx=".4"/></g><g filter="url(#itVAtQd)"><rect width="2.313" height="2.215" x="25.65" y="17.355" fill="#9D9AA2" rx=".4"/></g><g filter="url(#ib4smnc)"><rect width="2.313" height="2.215" x="5.57" y="20.23" fill="#9D9AA2" rx=".4"/></g><g filter="url(#iu5Icic)"><rect width="2.313" height="2.215" x="8.658" y="20.23" fill="#9D9AA2" rx=".4"/></g><g filter="url(#iFtCCJd)"><rect width="2.313" height="2.215" x="11.745" y="20.23" fill="#9D9AA2" rx=".4"/></g><g filter="url(#iGveLPl)"><rect width="2.313" height="2.215" x="14.833" y="20.23" fill="#9D9AA2" rx=".4"/></g><g filter="url(#iUsKM4c)"><rect width="2.313" height="2.215" x="17.921" y="20.23" fill="#9D9AA2" rx=".4"/></g><g filter="url(#ieW5Xpc)"><rect width="2.313" height="2.215" x="21.008" y="20.23" fill="#9D9AA2" rx=".4"/></g><g filter="url(#iO9BSOX)"><rect width="2.313" height="2.215" x="24.096" y="20.23" fill="#9D9AA2" rx=".4"/></g><g filter="url(#iWIjg3b)"><rect width="2.313" height="2.215" x="7.031" y="23.145" fill="#9D9AA2" rx=".4"/></g><g filter="url(#iNL05Kd)"><rect width="11.317" height="2.215" x="10.337" y="23.145" fill="#9D9AA2" rx=".4"/></g><g filter="url(#iNroFMc)"><rect width="2.313" height="2.215" x="22.664" y="23.145" fill="#9D9AA2" rx=".4"/></g><g filter="url(#igCMyLp)"><rect width="2.313" height="1.488" x="10.205" y="13.641" fill="#9D9AA2" rx=".4"/></g><g filter="url(#i55yUGb)"><rect width="2.313" height="1.488" x="13.291" y="13.641" fill="#9D9AA2" rx=".4"/></g><g filter="url(#iiQMt3c)"><rect width="2.313" height="1.488" x="16.377" y="13.641" fill="#9D9AA2" rx=".4"/></g><g filter="url(#iH9RInc)"><rect width="2.313" height="1.488" x="19.463" y="13.641" fill="#9D9AA2" rx=".4"/></g><g filter="url(#iTAr2Cc)"><rect width="2.313" height="1.488" x="22.549" y="13.641" fill="#9D9AA2" rx=".4"/></g><g filter="url(#idyUSze)"><rect width="2.313" height="1.488" x="25.635" y="13.641" fill="#9D9AA2" rx=".4"/></g><defs><filter id="iAxNSGc" width="28.169" height="17.356" x="1.941" y="10.797" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.2" dy=".2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.968627 0 0 0 0 0.960784 0 0 0 0 0.980392 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_19642"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".25" dy=".2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.811765 0 0 0 0 0.8 0 0 0 0 0.823529 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_19642" result="effect2_innerShadow_18_19642"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".25" dy="-.25"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.72549 0 0 0 0 0.686275 0 0 0 0 0.764706 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_19642" result="effect3_innerShadow_18_19642"/></filter><filter id="ih9q89W" width="27.719" height="4.469" x="2.141" y="25.453" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.631373 0 0 0 0 0.576471 0 0 0 0 0.686275 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_19642"/></filter><filter id="itofA3b" width="3.313" height="2.488" x="3.287" y="13.391" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.25" dy=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.745098 0 0 0 0 0.721569 0 0 0 0 0.776471 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_19642"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_19642" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy=".1"/><feGaussianBlur stdDeviation=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.701961 0 0 0 0 0.694118 0 0 0 0 0.709804 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_18_19642"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy="-.1"/><feGaussianBlur stdDeviation=".1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.54902 0 0 0 0 0.517647 0 0 0 0 0.580392 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_19642" result="effect3_innerShadow_18_19642"/></filter><filter id="iyyH5Sd" width="3.313" height="3.215" x="3.287" y="17.105" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.25" dy=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.745098 0 0 0 0 0.721569 0 0 0 0 0.776471 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_19642"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_19642" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy=".1"/><feGaussianBlur stdDeviation=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.701961 0 0 0 0 0.694118 0 0 0 0 0.709804 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_18_19642"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy="-.1"/><feGaussianBlur stdDeviation=".1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.54902 0 0 0 0 0.517647 0 0 0 0 0.580392 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_19642" result="effect3_innerShadow_18_19642"/></filter><filter id="iXOZjmd" width="3.313" height="3.215" x="6.375" y="17.105" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.25" dy=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.745098 0 0 0 0 0.721569 0 0 0 0 0.776471 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_19642"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_19642" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy=".1"/><feGaussianBlur stdDeviation=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.701961 0 0 0 0 0.694118 0 0 0 0 0.709804 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_18_19642"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy="-.1"/><feGaussianBlur stdDeviation=".1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.54902 0 0 0 0 0.517647 0 0 0 0 0.580392 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_19642" result="effect3_innerShadow_18_19642"/></filter><filter id="i65UFkd" width="3.313" height="3.215" x="9.462" y="17.105" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.25" dy=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.745098 0 0 0 0 0.721569 0 0 0 0 0.776471 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_19642"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_19642" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy=".1"/><feGaussianBlur stdDeviation=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.701961 0 0 0 0 0.694118 0 0 0 0 0.709804 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_18_19642"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy="-.1"/><feGaussianBlur stdDeviation=".1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.54902 0 0 0 0 0.517647 0 0 0 0 0.580392 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_19642" result="effect3_innerShadow_18_19642"/></filter><filter id="iTQ1F0g" width="3.313" height="3.215" x="12.55" y="17.105" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.25" dy=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.745098 0 0 0 0 0.721569 0 0 0 0 0.776471 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_19642"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_19642" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy=".1"/><feGaussianBlur stdDeviation=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.701961 0 0 0 0 0.694118 0 0 0 0 0.709804 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_18_19642"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy="-.1"/><feGaussianBlur stdDeviation=".1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.54902 0 0 0 0 0.517647 0 0 0 0 0.580392 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_19642" result="effect3_innerShadow_18_19642"/></filter><filter id="ic9ORec" width="3.313" height="3.215" x="15.638" y="17.105" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.25" dy=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.745098 0 0 0 0 0.721569 0 0 0 0 0.776471 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_19642"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_19642" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy=".1"/><feGaussianBlur stdDeviation=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.701961 0 0 0 0 0.694118 0 0 0 0 0.709804 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_18_19642"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy="-.1"/><feGaussianBlur stdDeviation=".1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.54902 0 0 0 0 0.517647 0 0 0 0 0.580392 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_19642" result="effect3_innerShadow_18_19642"/></filter><filter id="ieQB7se" width="3.313" height="3.215" x="18.725" y="17.105" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.25" dy=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.745098 0 0 0 0 0.721569 0 0 0 0 0.776471 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_19642"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_19642" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy=".1"/><feGaussianBlur stdDeviation=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.701961 0 0 0 0 0.694118 0 0 0 0 0.709804 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_18_19642"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy="-.1"/><feGaussianBlur stdDeviation=".1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.54902 0 0 0 0 0.517647 0 0 0 0 0.580392 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_19642" result="effect3_innerShadow_18_19642"/></filter><filter id="iy8Rj0b" width="3.313" height="3.215" x="21.813" y="17.105" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.25" dy=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.745098 0 0 0 0 0.721569 0 0 0 0 0.776471 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_19642"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_19642" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy=".1"/><feGaussianBlur stdDeviation=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.701961 0 0 0 0 0.694118 0 0 0 0 0.709804 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_18_19642"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy="-.1"/><feGaussianBlur stdDeviation=".1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.54902 0 0 0 0 0.517647 0 0 0 0 0.580392 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_19642" result="effect3_innerShadow_18_19642"/></filter><filter id="itVAtQd" width="3.313" height="3.215" x="24.9" y="17.105" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.25" dy=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.745098 0 0 0 0 0.721569 0 0 0 0 0.776471 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_19642"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_19642" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy=".1"/><feGaussianBlur stdDeviation=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.701961 0 0 0 0 0.694118 0 0 0 0 0.709804 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_18_19642"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy="-.1"/><feGaussianBlur stdDeviation=".1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.54902 0 0 0 0 0.517647 0 0 0 0 0.580392 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_19642" result="effect3_innerShadow_18_19642"/></filter><filter id="ib4smnc" width="3.313" height="3.215" x="4.82" y="19.98" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.25" dy=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.745098 0 0 0 0 0.721569 0 0 0 0 0.776471 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_19642"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_19642" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy=".1"/><feGaussianBlur stdDeviation=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.701961 0 0 0 0 0.694118 0 0 0 0 0.709804 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_18_19642"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy="-.1"/><feGaussianBlur stdDeviation=".1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.54902 0 0 0 0 0.517647 0 0 0 0 0.580392 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_19642" result="effect3_innerShadow_18_19642"/></filter><filter id="iu5Icic" width="3.313" height="3.215" x="7.908" y="19.98" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.25" dy=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.745098 0 0 0 0 0.721569 0 0 0 0 0.776471 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_19642"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_19642" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy=".1"/><feGaussianBlur stdDeviation=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.701961 0 0 0 0 0.694118 0 0 0 0 0.709804 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_18_19642"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy="-.1"/><feGaussianBlur stdDeviation=".1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.54902 0 0 0 0 0.517647 0 0 0 0 0.580392 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_19642" result="effect3_innerShadow_18_19642"/></filter><filter id="iFtCCJd" width="3.313" height="3.215" x="10.995" y="19.98" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.25" dy=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.745098 0 0 0 0 0.721569 0 0 0 0 0.776471 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_19642"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_19642" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy=".1"/><feGaussianBlur stdDeviation=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.701961 0 0 0 0 0.694118 0 0 0 0 0.709804 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_18_19642"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy="-.1"/><feGaussianBlur stdDeviation=".1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.54902 0 0 0 0 0.517647 0 0 0 0 0.580392 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_19642" result="effect3_innerShadow_18_19642"/></filter><filter id="iGveLPl" width="3.313" height="3.215" x="14.083" y="19.98" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.25" dy=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.745098 0 0 0 0 0.721569 0 0 0 0 0.776471 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_19642"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_19642" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy=".1"/><feGaussianBlur stdDeviation=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.701961 0 0 0 0 0.694118 0 0 0 0 0.709804 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_18_19642"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy="-.1"/><feGaussianBlur stdDeviation=".1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.54902 0 0 0 0 0.517647 0 0 0 0 0.580392 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_19642" result="effect3_innerShadow_18_19642"/></filter><filter id="iUsKM4c" width="3.313" height="3.215" x="17.171" y="19.98" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.25" dy=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.745098 0 0 0 0 0.721569 0 0 0 0 0.776471 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_19642"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_19642" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy=".1"/><feGaussianBlur stdDeviation=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.701961 0 0 0 0 0.694118 0 0 0 0 0.709804 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_18_19642"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy="-.1"/><feGaussianBlur stdDeviation=".1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.54902 0 0 0 0 0.517647 0 0 0 0 0.580392 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_19642" result="effect3_innerShadow_18_19642"/></filter><filter id="ieW5Xpc" width="3.313" height="3.215" x="20.258" y="19.98" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.25" dy=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.745098 0 0 0 0 0.721569 0 0 0 0 0.776471 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_19642"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_19642" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy=".1"/><feGaussianBlur stdDeviation=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.701961 0 0 0 0 0.694118 0 0 0 0 0.709804 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_18_19642"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy="-.1"/><feGaussianBlur stdDeviation=".1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.54902 0 0 0 0 0.517647 0 0 0 0 0.580392 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_19642" result="effect3_innerShadow_18_19642"/></filter><filter id="iO9BSOX" width="3.313" height="3.215" x="23.346" y="19.98" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.25" dy=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.745098 0 0 0 0 0.721569 0 0 0 0 0.776471 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_19642"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_19642" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy=".1"/><feGaussianBlur stdDeviation=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.701961 0 0 0 0 0.694118 0 0 0 0 0.709804 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_18_19642"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy="-.1"/><feGaussianBlur stdDeviation=".1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.54902 0 0 0 0 0.517647 0 0 0 0 0.580392 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_19642" result="effect3_innerShadow_18_19642"/></filter><filter id="iWIjg3b" width="3.313" height="3.215" x="6.281" y="22.895" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.25" dy=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.745098 0 0 0 0 0.721569 0 0 0 0 0.776471 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_19642"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_19642" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy=".1"/><feGaussianBlur stdDeviation=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.701961 0 0 0 0 0.694118 0 0 0 0 0.709804 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_18_19642"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy="-.1"/><feGaussianBlur stdDeviation=".1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.54902 0 0 0 0 0.517647 0 0 0 0 0.580392 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_19642" result="effect3_innerShadow_18_19642"/></filter><filter id="iNL05Kd" width="12.317" height="3.215" x="9.587" y="22.895" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.25" dy=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.745098 0 0 0 0 0.721569 0 0 0 0 0.776471 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_19642"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_19642" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy=".1"/><feGaussianBlur stdDeviation=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.701961 0 0 0 0 0.694118 0 0 0 0 0.709804 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_18_19642"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy="-.1"/><feGaussianBlur stdDeviation=".1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.54902 0 0 0 0 0.517647 0 0 0 0 0.580392 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_19642" result="effect3_innerShadow_18_19642"/></filter><filter id="iNroFMc" width="3.313" height="3.215" x="21.914" y="22.895" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.25" dy=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.745098 0 0 0 0 0.721569 0 0 0 0 0.776471 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_19642"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_19642" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy=".1"/><feGaussianBlur stdDeviation=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.701961 0 0 0 0 0.694118 0 0 0 0 0.709804 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_18_19642"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy="-.1"/><feGaussianBlur stdDeviation=".1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.54902 0 0 0 0 0.517647 0 0 0 0 0.580392 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_19642" result="effect3_innerShadow_18_19642"/></filter><filter id="igCMyLp" width="3.313" height="2.488" x="9.455" y="13.391" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.25" dy=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.745098 0 0 0 0 0.721569 0 0 0 0 0.776471 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_19642"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_19642" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy=".1"/><feGaussianBlur stdDeviation=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.701961 0 0 0 0 0.694118 0 0 0 0 0.709804 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_18_19642"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy="-.1"/><feGaussianBlur stdDeviation=".1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.54902 0 0 0 0 0.517647 0 0 0 0 0.580392 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_19642" result="effect3_innerShadow_18_19642"/></filter><filter id="i55yUGb" width="3.313" height="2.488" x="12.541" y="13.391" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.25" dy=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.745098 0 0 0 0 0.721569 0 0 0 0 0.776471 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_19642"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_19642" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy=".1"/><feGaussianBlur stdDeviation=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.701961 0 0 0 0 0.694118 0 0 0 0 0.709804 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_18_19642"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy="-.1"/><feGaussianBlur stdDeviation=".1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.54902 0 0 0 0 0.517647 0 0 0 0 0.580392 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_19642" result="effect3_innerShadow_18_19642"/></filter><filter id="iiQMt3c" width="3.313" height="2.488" x="15.627" y="13.391" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.25" dy=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.745098 0 0 0 0 0.721569 0 0 0 0 0.776471 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_19642"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_19642" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy=".1"/><feGaussianBlur stdDeviation=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.701961 0 0 0 0 0.694118 0 0 0 0 0.709804 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_18_19642"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy="-.1"/><feGaussianBlur stdDeviation=".1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.54902 0 0 0 0 0.517647 0 0 0 0 0.580392 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_19642" result="effect3_innerShadow_18_19642"/></filter><filter id="iH9RInc" width="3.313" height="2.488" x="18.713" y="13.391" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.25" dy=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.745098 0 0 0 0 0.721569 0 0 0 0 0.776471 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_19642"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_19642" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy=".1"/><feGaussianBlur stdDeviation=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.701961 0 0 0 0 0.694118 0 0 0 0 0.709804 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_18_19642"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy="-.1"/><feGaussianBlur stdDeviation=".1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.54902 0 0 0 0 0.517647 0 0 0 0 0.580392 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_19642" result="effect3_innerShadow_18_19642"/></filter><filter id="iTAr2Cc" width="3.313" height="2.488" x="21.799" y="13.391" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.25" dy=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.745098 0 0 0 0 0.721569 0 0 0 0 0.776471 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_19642"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_19642" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy=".1"/><feGaussianBlur stdDeviation=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.701961 0 0 0 0 0.694118 0 0 0 0 0.709804 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_18_19642"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy="-.1"/><feGaussianBlur stdDeviation=".1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.54902 0 0 0 0 0.517647 0 0 0 0 0.580392 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_19642" result="effect3_innerShadow_18_19642"/></filter><filter id="idyUSze" width="3.313" height="2.488" x="24.885" y="13.391" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.25" dy=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.745098 0 0 0 0 0.721569 0 0 0 0 0.776471 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_19642"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_19642" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy=".1"/><feGaussianBlur stdDeviation=".075"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.701961 0 0 0 0 0.694118 0 0 0 0 0.709804 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_18_19642"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy="-.1"/><feGaussianBlur stdDeviation=".1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.54902 0 0 0 0 0.517647 0 0 0 0 0.580392 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_19642" result="effect3_innerShadow_18_19642"/></filter><linearGradient id="iKLANYj" x1="16" x2="16" y1="11.047" y2="27.953" gradientUnits="userSpaceOnUse"><stop stop-color="#DAD5E0"/><stop offset="1" stop-color="#D7D0DF"/></linearGradient><linearGradient id="iMezuKe" x1="2.516" x2="4.828" y1="28.063" y2="28.063" gradientUnits="userSpaceOnUse"><stop stop-color="#AFAAB5"/><stop offset="1" stop-color="#AFAAB5" stop-opacity="0"/></linearGradient><linearGradient id="iKqHNCe" x1="29.484" x2="27.453" y1="27.531" y2="27.531" gradientUnits="userSpaceOnUse"><stop stop-color="#CDC9D2"/><stop offset="1" stop-color="#9F92AD" stop-opacity="0"/></linearGradient></defs></g></svg>

How to use the Keyboard icon

React

import { Icon } from "@iconify/react";

<Icon icon="fluent-emoji:keyboard" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fluent-emoji:keyboard" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fluent-emoji:keyboard" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--keyboard]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:keyboard"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fluent-emoji:keyboard"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fluent-emoji/keyboard.svg" alt="Keyboard icon" width="24" height="24">

Keyboard icon in other icon sets

Keyboard icon from Material Design Icons
Material Design Icons
 Keyboard icon from Lucide
Lucide
 Keyboard icon from Tabler Icons
Tabler Icons
 Keyboard icon from Font Awesome 6 Solid
Font Awesome 6 Solid
 Keyboard icon from Material Symbols
Material Symbols
 Keyboard icon from Phosphor
Phosphor
 Keyboard icon from Bootstrap Icons
Bootstrap Icons
 Keyboard icon from Carbon
Carbon
 Keyboard icon from @icons
@icons
 Keyboard icon from Arcticons
Arcticons
 Keyboard icon from BoxIcons v2 Solid
BoxIcons v2 Solid
 Keyboard icon from Boxicons
Boxicons

Keyboard icon FAQ

Is the Keyboard icon free for commercial use?

Yes. Fluent Emoji icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Keyboard icon in React?

Install @iconify/react and render <Icon icon="fluent-emoji:keyboard" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Keyboard icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-emoji/keyboard.svg" alt="Keyboard icon">, or paste the SVG code inline to style it with CSS.

Browse all Fluent Emoji icons →