Keyboard color icon
The color version of the keyboard line icon: the same drawing with a soft fill behind it. Pick any color and the fill follows. Also in solid.
16
20
24
32
48
Style
Color
PNG size
Free for personal and commercial use. No attribution required.
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="#a1f0f7" stroke="none"><path fill-rule="evenodd" d="m4 4-.78.1-.72.3-.33.22-.55.55-.22.33-.3.72-.07.39v10.78l.2.76.17.35.22.33.55.55.33.22.72.3.78.1h16l.78-.1.72-.3.33-.22.55-.55.22-.33.3-.72.1-.78V7l-.1-.78-.3-.72-.22-.33-.55-.55-.68-.39-.37-.13L20 4zm14.21 5.98h-.41l-.36-.15-.27-.27-.15-.36v-.4l.15-.36.27-.27.36-.15h.41l.36.15.27.27.15.36v.4l-.15.36-.27.27zm.09 3.48-.4.04-.37-.12-.3-.25-.19-.34-.04-.39.12-.37.25-.3.34-.19.4-.04.37.12.3.25.19.34.04.39-.12.37-.25.3zm-2.01 3-.29.04H7.9l-.37-.12-.3-.25-.19-.34L7 15.4l.08-.28.21-.33.24-.17.37-.12h8.2l.28.08.33.21.17.24.12.37-.02.3-.15.36-.2.21zm-2.08-6.48h-.41l-.36-.15-.27-.27-.15-.36v-.4l.15-.36.27-.27.36-.15h.41l.36.15.27.27.15.36v.4l-.15.36-.27.27zm0 3.5h-.41l-.36-.15-.27-.27-.15-.36v-.4l.15-.36.27-.27.36-.15h.41l.36.15.27.27.15.36v.4l-.15.36-.27.27zm-4-3.5H9.8l-.36-.15-.27-.27-.15-.36v-.4l.15-.36.27-.27.36-.15h.41l.36.15.27.27.15.36v.4l-.15.36-.27.27zm0 3.5H9.8l-.36-.15-.27-.27-.15-.36v-.4l.15-.36.27-.27.36-.15h.41l.36.15.27.27.15.36v.4l-.15.36-.27.27zm-4-3.5H5.8l-.36-.15-.27-.27-.15-.36v-.4l.15-.36.27-.27.36-.15h.41l.36.15.27.27.15.36v.4l-.15.36-.27.27zm0 3.5H5.8l-.36-.15-.27-.27-.15-.36v-.4l.15-.36.27-.27.36-.15h.41l.36.15.27.27.15.36v.4l-.15.36-.27.27z"/></g><g fill="none" stroke="#1d5d63" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="14" x="2" y="5" rx="2"/><path d="M6 9h.01M10 9h.01M14 9h.01M18 9h.01M6 12.5h.01m3.99 0h.01m3.99 0h.01m3.99 0h.01M8 15.5h8"/></g></svg>Want it moving? See the animated keyboard icon.