⭐ Can I get Free Keyboard Box Line Icon SVG?

Yes, you can get free Keyboard Box Line SVG icons.

⭐ How to download free Keyboard Box Line Icon SVG code?

To download free Keyboard Box Line icons in SVG code click on the copy code button.

⭐ How to find the Keyboard Box Line Icon SVG path file?

You can get the Keyboard Box Line SVG file path from the above section.

⭐ What are the colors available for SVG Keyboard Box Line Icon?

You can check the Keyboard Box Line SVG in your brand color i.e, White, Black, Blue, Red, Green, Pink & Yellow.

Keyboard Box Line Icon SVG

Keyboard Box Line

Keyboard box line SVG Icon Code | Customize color

You can get svg icon keyboard box line in blue, white, red color and transparent color from below list. You can also customize color using color picker.

Keyboard box line

Svg Code

 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <g> <path fill="none" d="M0 0h24v24H0z"/> <path d="M4 5v14h16V5H4zM3 3h18a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm3 4h2v2H6V7zm0 4h2v2H6v-2zm0 4h12v2H6v-2zm5-4h2v2h-2v-2zm0-4h2v2h-2V7zm5 0h2v2h-2V7zm0 4h2v2h-2v-2z"/> </g> </svg>

Keyboard box line

Svg Code

<svg style="color: white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <g> <path fill="white" d="M0 0h24v24H0z"></path> <path d="M4 5v14h16V5H4zM3 3h18a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm3 4h2v2H6V7zm0 4h2v2H6v-2zm0 4h12v2H6v-2zm5-4h2v2h-2v-2zm0-4h2v2h-2V7zm5 0h2v2h-2V7zm0 4h2v2h-2v-2z" fill="white"></path> </g> </svg>

Keyboard box line

Svg Code

<svg style="color: red" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <g> <path fill="red" d="M0 0h24v24H0z"></path> <path d="M4 5v14h16V5H4zM3 3h18a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm3 4h2v2H6V7zm0 4h2v2H6v-2zm0 4h12v2H6v-2zm5-4h2v2h-2v-2zm0-4h2v2h-2V7zm5 0h2v2h-2V7zm0 4h2v2h-2v-2z" fill="red"></path> </g> </svg>

Keyboard box line

Svg Code

<svg style="color: blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <g> <path fill="blue" d="M0 0h24v24H0z"></path> <path d="M4 5v14h16V5H4zM3 3h18a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm3 4h2v2H6V7zm0 4h2v2H6v-2zm0 4h12v2H6v-2zm5-4h2v2h-2v-2zm0-4h2v2h-2V7zm5 0h2v2h-2V7zm0 4h2v2h-2v-2z" fill="blue"></path> </g> </svg>

Keyboard box line

Svg Code

<svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <g> <path fill="#f3da35" d="M0 0h24v24H0z"></path> <path d="M4 5v14h16V5H4zM3 3h18a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm3 4h2v2H6V7zm0 4h2v2H6v-2zm0 4h12v2H6v-2zm5-4h2v2h-2v-2zm0-4h2v2h-2V7zm5 0h2v2h-2V7zm0 4h2v2h-2v-2z" fill="#f3da35"></path> </g> </svg>

Advance Editor

You can edit keyboard box line as below. Change size color and background color of icon using below tool.

fontawesomeicons.com

Size

Stroke

shapes

Size

Stroke

tab 2 content

Tab 3 content

Keyboard Box Line Icon SVG

Keyboard Box Line

Keyboard box line SVG Icon Code | Customize color

Keyboard box line

Svg Code

Keyboard box line

Svg Code

Keyboard box line

Svg Code

Keyboard box line

Svg Code

Keyboard box line

Svg Code

Advance Editor

Related Icons