Design Keyboard Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The Design Keyboard icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/324430.svg" alt="Design Keyboard icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/324430.svg" alt="Design Keyboard icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/324430.svg" alt="Design Keyboard icon" :width="24" :height="24" />
CSS background
.icon-design-keyboard {
background-image: url('https://proicons.com/icon/324430.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.b{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;}</style></defs><g><path class="b" d="m13.1676,18.573h-5.5276c-1.1476,0-2.0778.9302-2.0779,2.0778v19.7714c0,1.1476.9303,2.0778,2.0779,2.0778h32.72c1.1476,0,2.0778-.9302,2.0779-2.0778v-19.7714c0-1.1476-.9303-2.0778-2.0779-2.0778h-5.284"/><rect class="b" x="14.0996" y="35.7634" width="20.0445" height="3.327" rx=".4208" ry=".4208"/><rect class="b" x="10.7333" y="29.78" width="3.3663" height="3.3663" rx=".4208" ry=".4208"/><rect class="b" x="16.586" y="29.78" width="3.3663" height="3.3663" rx=".4208" ry=".4208"/><path class="b" d="m25.8051,30.3553v2.37c0,.2324-.1884.4208-.4208.4208h-2.5243c-.2323,0-.4207-.1884-.4207-.4207h0v-2.3701"/><rect class="b" x="28.2915" y="29.78" width="3.3663" height="3.3663" rx=".4208" ry=".4208"/><rect class="b" x="34.1442" y="29.78" width="3.3663" height="3.3663" rx=".4208" ry=".4208"/><rect class="b" x="10.7333" y="23.7965" width="3.3663" height="3.3663" rx=".4208" ry=".4208"/><path class="b" d="m18.2755,27.1628h-1.2687c-.2324,0-.4208-.1884-.4208-.4208v-.8747"/><path class="b" d="m31.6578,25.8673v.8747c0,.2324-.1884.4208-.4208.4208h-1.2687"/><rect class="b" x="34.1442" y="23.7965" width="3.3663" height="3.3663" rx=".4208" ry=".4208"/><path class="b" d="m34.2525,23.8775l-10.1306,7.7685-10.1306-7.7685c-.5194-.3982-.8239-1.0155-.8237-1.67V7.1832c0-.9296.7536-1.6832,1.6832-1.6832h18.5422c.9296,0,1.6832.7536,1.6832,1.6832h0v15.0248c0,.6543-.3044,1.2714-.8237,1.6695Z"/></g><path class="b" d="m19.6938,22.9893v-13h2.925c3.1411,0,5.6875,2.5464,5.6875,5.6875v1.625c0,3.1411-2.5464,5.6875-5.6875,5.6875h-2.925Z"/></svg>
More from Arcticons
View all
Copied!