Add icons to this collection by clicking the heart icon.
Keyboard icon - also known as technology, computer, cable, keyboard, hardware, and electric keyboard. Created in a clean outline color style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 512 512"
>
<pattern
id="b"
width="24.91"
height="24.92"
x="1232.5"
y="1722.258"
patternUnits="userSpaceOnUse"
viewBox="0 -24.92 24.91 24.92"
>
<path fill="none" d="M0-24.92h24.91V0H0z" />
<path fill="#f59977" d="M0-24.92h24.91V0H0z" />
</pattern>
<pattern
id="a"
width="24.91"
height="24.92"
x="1232.5"
y="1722.258"
patternUnits="userSpaceOnUse"
viewBox="0 -24.92 24.91 24.92"
>
<path fill="none" d="M0-24.92h24.91V0H0z" />
<path fill="#92e6fd" d="M0-24.92h24.91V0H0z" />
</pattern>
<pattern
id="c"
width="24.91"
height="24.92"
x="1232.5"
y="1722.258"
patternUnits="userSpaceOnUse"
viewBox="0 -24.92 24.91 24.92"
>
<path fill="none" d="M0-24.92h24.91V0H0z" />
<path fill="#021938" d="M0-24.92h24.91V0H0z" />
</pattern>
<pattern
id="d"
patternTransform="translate(72266.227 75626.164) scale(7.964)"
href="#a"
/>
<pattern
id="e"
patternTransform="translate(72266.227 75626.164) scale(7.964)"
href="#b"
/>
<pattern
id="f"
patternTransform="translate(72266.227 75626.164) scale(7.964)"
href="#b"
/>
<pattern
id="g"
patternTransform="matrix(-.772 5.481 -5.872 -.721 -82526.203 38491.063)"
href="#c"
/>
<pattern
id="h"
patternTransform="matrix(-.772 5.481 -5.872 -.721 -82526.203 38491.063)"
href="#c"
/>
<pattern
id="i"
patternTransform="matrix(-.772 5.481 -5.872 -.721 -82526.203 38491.063)"
href="#c"
/>
<pattern
id="j"
patternTransform="matrix(-.772 5.481 -5.872 -.721 -82526.203 38491.063)"
href="#c"
/>
<pattern
id="k"
patternTransform="matrix(-.772 5.481 -5.872 -.721 -82526.203 38491.063)"
href="#c"
/>
<pattern
id="l"
patternTransform="matrix(-.772 5.481 -5.872 -.721 -82526.203 38491.063)"
href="#c"
/>
<pattern
id="m"
patternTransform="matrix(-.772 5.481 -5.872 -.721 -82526.203 38491.063)"
href="#c"
/>
<pattern
id="n"
patternTransform="matrix(-.772 5.481 -5.872 -.721 -82526.203 38491.063)"
href="#c"
/>
<pattern
id="o"
patternTransform="matrix(-.772 5.481 -5.872 -.721 -82526.203 38491.063)"
href="#c"
/>
<pattern
id="p"
patternTransform="matrix(-.772 5.481 -5.872 -.721 -82526.203 38491.063)"
href="#c"
/>
<pattern
id="q"
patternTransform="matrix(-.772 5.481 -5.872 -.721 -82526.203 38491.063)"
href="#c"
/>
<pattern
id="r"
patternTransform="matrix(-.772 5.481 -5.872 -.721 -82526.203 38491.063)"
href="#c"
/>
<pattern
id="s"
patternTransform="matrix(-.772 5.481 -5.872 -.721 -82526.203 38491.063)"
href="#c"
/>
<pattern
id="t"
patternTransform="matrix(-.772 5.481 -5.872 -.721 -82526.203 38491.063)"
href="#c"
/>
<pattern
id="u"
patternTransform="matrix(-.772 5.481 -5.872 -.721 -82526.203 38491.063)"
href="#c"
/>
<pattern
id="v"
patternTransform="matrix(-.772 5.481 -5.872 -.721 -82526.203 38491.063)"
href="#c"
/>
<pattern
id="w"
patternTransform="matrix(-.772 5.481 -5.872 -.721 -82526.203 38491.063)"
href="#c"
/>
<pattern
id="x"
patternTransform="matrix(-.772 5.481 -5.872 -.721 -82526.203 38491.063)"
href="#c"
/>
<path
fill="url(#d)"
d="M502.895 283.441v163.03c0 16.965-13.778 30.743-30.742 30.743H39.847c-16.964 0-30.742-13.778-30.742-30.743v-163.03c0-17.043 13.779-30.821 30.742-30.821h432.306c16.964 0 30.742 13.778 30.742 30.821z"
/>
<g fill="#fff">
<path
d="M78.869 288.337v22.148c0 3.944-3.261 7.205-7.206 7.205H49.516c-3.944 0-7.206-3.261-7.206-7.205v-22.148c0-3.944 3.261-7.206 7.206-7.206h22.148c3.944 0 7.205 3.262 7.205 7.206zM144.006 288.337v22.148c0 3.944-3.261 7.205-7.206 7.205h-22.148c-3.944 0-7.206-3.261-7.206-7.205v-22.148c0-3.944 3.261-7.206 7.206-7.206H136.8c3.944 0 7.206 3.262 7.206 7.206zM209.143 288.337v22.148c0 3.944-3.261 7.205-7.206 7.205h-22.148c-3.944 0-7.206-3.261-7.206-7.205v-22.148c0-3.944 3.261-7.206 7.206-7.206h22.148c3.944 0 7.206 3.262 7.206 7.206zM274.28 288.337v22.148c0 3.944-3.261 7.205-7.206 7.205h-22.148c-3.944 0-7.206-3.261-7.206-7.205v-22.148c0-3.944 3.261-7.206 7.206-7.206h22.148c3.944 0 7.206 3.262 7.206 7.206zM339.416 288.337v22.148c0 3.944-3.261 7.205-7.206 7.205h-22.148c-3.944 0-7.206-3.261-7.206-7.205v-22.148c0-3.944 3.261-7.206 7.206-7.206h22.148c3.945 0 7.206 3.262 7.206 7.206zM404.553 288.337v22.148c0 3.944-3.261 7.205-7.206 7.205H375.2c-3.944 0-7.206-3.261-7.206-7.205v-22.148c0-3.944 3.261-7.206 7.206-7.206h22.148c3.944 0 7.205 3.262 7.205 7.206zM469.69 288.337v22.148c0 3.944-3.261 7.205-7.206 7.205h-22.148c-3.944 0-7.206-3.261-7.206-7.205v-22.148c0-3.944 3.261-7.206 7.206-7.206h22.148c3.945 0 7.206 3.262 7.206 7.206zM78.869 353.844v22.148c0 3.944-3.261 7.205-7.206 7.205H49.516c-3.944 0-7.206-3.261-7.206-7.205v-22.148c0-3.944 3.261-7.206 7.206-7.206h22.148c3.944-.001 7.205 3.261 7.205 7.206zM144.006 353.844v22.148c0 3.944-3.261 7.205-7.206 7.205h-22.148c-3.944 0-7.206-3.261-7.206-7.205v-22.148c0-3.944 3.261-7.206 7.206-7.206H136.8c3.944-.001 7.206 3.261 7.206 7.206zM209.143 353.844v22.148c0 3.944-3.261 7.205-7.206 7.205h-22.148c-3.944 0-7.206-3.261-7.206-7.205v-22.148c0-3.944 3.261-7.206 7.206-7.206h22.148c3.944-.001 7.206 3.261 7.206 7.206zM274.28 353.844v22.148c0 3.944-3.261 7.205-7.206 7.205h-22.148c-3.944 0-7.206-3.261-7.206-7.205v-22.148c0-3.944 3.261-7.206 7.206-7.206h22.148c3.944-.001 7.206 3.261 7.206 7.206zM339.416 353.844v22.148c0 3.944-3.261 7.205-7.206 7.205h-22.148c-3.944 0-7.206-3.261-7.206-7.205v-22.148c0-3.944 3.261-7.206 7.206-7.206h22.148c3.945-.001 7.206 3.261 7.206 7.206zM404.553 353.844v22.148c0 3.944-3.261 7.205-7.206 7.205H375.2c-3.944 0-7.206-3.261-7.206-7.205v-22.148c0-3.944 3.261-7.206 7.206-7.206h22.148c3.944-.001 7.205 3.261 7.205 7.206zM78.869 419.35v22.148c0 3.944-3.261 7.205-7.206 7.205H49.516c-3.944 0-7.206-3.261-7.206-7.205V419.35c0-3.944 3.261-7.206 7.206-7.206h22.148c3.944 0 7.205 3.262 7.205 7.206zM404.553 419.35v22.148c0 3.944-3.261 7.205-7.206 7.205H375.2c-3.944 0-7.206-3.261-7.206-7.205V419.35c0-3.944 3.261-7.206 7.206-7.206h22.148c3.944 0 7.205 3.262 7.205 7.206z"
/>
</g>
<path
fill="url(#e)"
d="M339.416 419.35v22.148c0 3.944-3.261 7.205-7.206 7.205H114.652c-3.944 0-7.206-3.261-7.206-7.205V419.35c0-3.944 3.261-7.206 7.206-7.206H332.21c3.945 0 7.206 3.262 7.206 7.206z"
/>
<path
fill="url(#f)"
d="M469.69 353.844v87.655c0 3.944-3.261 7.205-7.206 7.205h-22.148c-3.944 0-7.206-3.261-7.206-7.205v-87.655c0-3.944 3.261-7.206 7.206-7.206h22.148c3.945-.001 7.206 3.261 7.206 7.206z"
/>
<path
fill="url(#g)"
d="M472.154 246.647H131.701v-17.426c0-11.678 9.5-21.179 21.179-21.179h241.638c18.336 0 33.254-14.918 33.254-33.25 0-18.336-14.918-33.254-33.254-33.254H106.046c-11.69 0-21.202-9.512-21.202-21.202s9.512-21.198 21.202-21.198h218.122c19.386 0 35.159-15.773 35.159-35.163s-15.773-35.163-35.159-35.163H205.737c-3.298 0-5.973 2.676-5.973 5.973s2.676 5.973 5.973 5.973h118.431c12.798 0 23.213 10.414 23.213 23.216S336.967 87.19 324.168 87.19H106.046c-18.278 0-33.149 14.871-33.149 33.149s14.871 33.145 33.149 33.145h288.471c11.748 0 21.307 9.559 21.307 21.307s-9.559 21.303-21.307 21.303H152.879c-18.266 0-33.125 14.859-33.125 33.125v17.426H39.846c-20.245 0-36.715 16.504-36.715 36.792v163.032c0 20.245 16.469 36.715 36.715 36.715h432.308c20.245 0 36.715-16.469 36.715-36.715V283.44c0-20.288-16.47-36.793-36.715-36.793zm24.768 199.825c0 13.658-11.11 24.768-24.768 24.768H39.846c-13.658 0-24.768-11.11-24.768-24.768V283.44c0-13.7 11.11-24.846 24.768-24.846h432.308c13.658 0 24.768 11.145 24.768 24.846z"
/>
<path
fill="url(#h)"
d="M71.665 275.156H49.514c-7.264 0-13.175 5.911-13.175 13.179v22.151c0 7.264 5.911 13.175 13.175 13.175h22.151c7.268 0 13.179-5.911 13.179-13.175v-22.151c0-7.267-5.911-13.179-13.179-13.179zm1.232 35.331c0 .642-.587 1.229-1.233 1.229h-22.15c-.642 0-1.229-.587-1.229-1.229v-22.151c0-.646.587-1.233 1.229-1.233h22.151c.646 0 1.233.587 1.233 1.233v22.151z"
/>
<path
fill="url(#i)"
d="M114.652 323.662h22.147c7.268 0 13.179-5.911 13.179-13.175v-22.151c0-7.268-5.911-13.179-13.179-13.179h-22.147c-7.268 0-13.179 5.911-13.179 13.179v22.151c0 7.264 5.911 13.175 13.179 13.175zm-1.233-35.326c0-.646.587-1.233 1.233-1.233h22.147c.646 0 1.233.587 1.233 1.233v22.151c0 .642-.587 1.229-1.233 1.229h-22.147c-.646 0-1.233-.587-1.233-1.229z"
/>
<path
fill="url(#j)"
d="M179.79 323.662h22.147c7.268 0 13.179-5.911 13.179-13.175v-22.151c0-7.268-5.911-13.179-13.179-13.179H179.79c-7.268 0-13.179 5.911-13.179 13.179v22.151c0 7.264 5.911 13.175 13.179 13.175zm-1.233-35.326c0-.646.587-1.233 1.233-1.233h22.147c.646 0 1.233.587 1.233 1.233v22.151c0 .642-.587 1.229-1.233 1.229H179.79c-.646 0-1.233-.587-1.233-1.229z"
/>
<path
fill="url(#k)"
d="M244.925 323.662h22.151c7.268 0 13.179-5.911 13.179-13.175v-22.151c0-7.268-5.911-13.179-13.179-13.179h-22.151c-7.268 0-13.179 5.911-13.179 13.179v22.151c-.001 7.264 5.91 13.175 13.179 13.175zm-1.233-35.326c0-.646.587-1.233 1.233-1.233h22.151c.646 0 1.233.587 1.233 1.233v22.151c0 .642-.587 1.229-1.233 1.229h-22.151c-.646 0-1.233-.587-1.233-1.229z"
/>
<path
fill="url(#l)"
d="M332.21 275.156h-22.147c-7.268 0-13.179 5.911-13.179 13.179v22.151c0 7.264 5.911 13.175 13.179 13.175h22.147c7.268 0 13.179-5.911 13.179-13.175v-22.151c0-7.267-5.911-13.179-13.179-13.179zm1.233 35.331c0 .642-.587 1.229-1.233 1.229h-22.147c-.646 0-1.233-.587-1.233-1.229v-22.151c0-.646.587-1.233 1.233-1.233h22.147c.646 0 1.233.587 1.233 1.233z"
/>
<path
fill="url(#m)"
d="M397.348 275.156h-22.147c-7.268 0-13.179 5.911-13.179 13.179v22.151c0 7.264 5.911 13.175 13.179 13.175h22.147c7.268 0 13.179-5.911 13.179-13.175v-22.151c0-7.267-5.911-13.179-13.179-13.179zm1.233 35.331c0 .642-.587 1.229-1.233 1.229h-22.147c-.646 0-1.233-.587-1.233-1.229v-22.151c0-.646.587-1.233 1.233-1.233h22.147c.646 0 1.233.587 1.233 1.233z"
/>
<path
fill="url(#n)"
d="M462.486 275.156h-22.151c-7.268 0-13.179 5.911-13.179 13.179v22.151c0 7.264 5.911 13.175 13.179 13.175h22.151c7.264 0 13.175-5.911 13.175-13.175v-22.151c.001-7.267-5.91-13.179-13.175-13.179zm1.229 35.331c0 .642-.587 1.229-1.229 1.229h-22.151c-.646 0-1.233-.587-1.233-1.229v-22.151c0-.646.587-1.233 1.233-1.233h22.151c.642 0 1.229.587 1.229 1.233z"
/>
<path
fill="url(#o)"
d="M71.665 340.664H49.514c-7.264 0-13.175 5.911-13.175 13.179v22.147c0 7.268 5.911 13.179 13.175 13.179h22.151c7.268 0 13.179-5.911 13.179-13.179v-22.147c0-7.268-5.911-13.179-13.179-13.179zm1.232 35.326c0 .646-.587 1.233-1.233 1.233h-22.15c-.642 0-1.229-.587-1.229-1.233v-22.147c0-.646.587-1.233 1.229-1.233h22.151c.646 0 1.233.587 1.233 1.233v22.147z"
/>
<path
fill="url(#p)"
d="M114.652 389.17h22.147c7.268 0 13.179-5.911 13.179-13.179v-22.147c0-7.268-5.911-13.179-13.179-13.179h-22.147c-7.268 0-13.179 5.911-13.179 13.179v22.147c0 7.268 5.911 13.179 13.179 13.179zm-1.233-35.327c0-.646.587-1.233 1.233-1.233h22.147c.646 0 1.233.587 1.233 1.233v22.147c0 .646-.587 1.233-1.233 1.233h-22.147c-.646 0-1.233-.587-1.233-1.233z"
/>
<path
fill="url(#q)"
d="M179.79 389.17h22.147c7.268 0 13.179-5.911 13.179-13.179v-22.147c0-7.268-5.911-13.179-13.179-13.179H179.79c-7.268 0-13.179 5.911-13.179 13.179v22.147c0 7.268 5.911 13.179 13.179 13.179zm-1.233-35.327c0-.646.587-1.233 1.233-1.233h22.147c.646 0 1.233.587 1.233 1.233v22.147c0 .646-.587 1.233-1.233 1.233H179.79c-.646 0-1.233-.587-1.233-1.233z"
/>
<path
fill="url(#r)"
d="M244.925 389.17h22.151c7.268 0 13.179-5.911 13.179-13.179v-22.147c0-7.268-5.911-13.179-13.179-13.179h-22.151c-7.268 0-13.179 5.911-13.179 13.179v22.147c-.001 7.268 5.91 13.179 13.179 13.179zm-1.233-35.327c0-.646.587-1.233 1.233-1.233h22.151c.646 0 1.233.587 1.233 1.233v22.147c0 .646-.587 1.233-1.233 1.233h-22.151c-.646 0-1.233-.587-1.233-1.233z"
/>
<path
fill="url(#s)"
d="M332.21 340.664h-22.147c-7.268 0-13.179 5.911-13.179 13.179v22.147c0 7.268 5.911 13.179 13.179 13.179h22.147c7.268 0 13.179-5.911 13.179-13.179v-22.147c0-7.268-5.911-13.179-13.179-13.179zm1.233 35.326c0 .646-.587 1.233-1.233 1.233h-22.147c-.646 0-1.233-.587-1.233-1.233v-22.147c0-.646.587-1.233 1.233-1.233h22.147c.646 0 1.233.587 1.233 1.233z"
/>
<path
fill="url(#t)"
d="M397.348 340.664h-22.147c-7.268 0-13.179 5.911-13.179 13.179v22.147c0 7.268 5.911 13.179 13.179 13.179h22.147c7.268 0 13.179-5.911 13.179-13.179v-22.147c0-7.268-5.911-13.179-13.179-13.179zm1.233 35.326c0 .646-.587 1.233-1.233 1.233h-22.147c-.646 0-1.233-.587-1.233-1.233v-22.147c0-.646.587-1.233 1.233-1.233h22.147c.646 0 1.233.587 1.233 1.233z"
/>
<path
fill="url(#u)"
d="M71.665 406.172H49.514c-7.264 0-13.175 5.911-13.175 13.179v22.147c0 7.268 5.911 13.179 13.175 13.179h22.151c7.268 0 13.179-5.911 13.179-13.179v-22.147c0-7.268-5.911-13.179-13.179-13.179zm1.232 35.326c0 .646-.587 1.233-1.233 1.233h-22.15c-.642 0-1.229-.587-1.229-1.233v-22.147c0-.646.587-1.233 1.229-1.233h22.151c.646 0 1.233.587 1.233 1.233v22.147z"
/>
<path
fill="url(#v)"
d="M397.348 406.172h-22.147c-7.268 0-13.179 5.911-13.179 13.179v22.147c0 7.268 5.911 13.179 13.179 13.179h22.147c7.268 0 13.179-5.911 13.179-13.179v-22.147c0-7.268-5.911-13.179-13.179-13.179zm1.233 35.326c0 .646-.587 1.233-1.233 1.233h-22.147c-.646 0-1.233-.587-1.233-1.233v-22.147c0-.646.587-1.233 1.233-1.233h22.147c.646 0 1.233.587 1.233 1.233z"
/>
<path
fill="url(#w)"
d="M332.21 406.172H114.652c-7.268 0-13.179 5.911-13.179 13.179v22.147c0 7.268 5.911 13.179 13.179 13.179H332.21c7.268 0 13.179-5.911 13.179-13.179v-22.147c0-7.268-5.911-13.179-13.179-13.179zm1.233 35.326c0 .646-.587 1.233-1.233 1.233H114.652c-.646 0-1.233-.587-1.233-1.233v-22.147c0-.646.587-1.233 1.233-1.233H332.21c.646 0 1.233.587 1.233 1.233z"
/>
<path
fill="url(#x)"
d="M462.486 340.664h-22.151c-7.268 0-13.179 5.911-13.179 13.179v87.655c0 7.268 5.911 13.179 13.179 13.179h22.151c7.264 0 13.175-5.911 13.175-13.179v-87.655c.001-7.268-5.91-13.179-13.175-13.179zm1.229 100.834c0 .646-.587 1.233-1.229 1.233h-22.151c-.646 0-1.233-.587-1.233-1.233v-87.655c0-.646.587-1.233 1.233-1.233h22.151c.642 0 1.229.587 1.229 1.233z"
/>
</svg>
More icons in the same style and category