Kanban Board Icon SVG
Icon Kanban board SVG code/vector file is given below and you can use that in websites, apps (Android/IOS), ppt, and other projects. You can use our svg code generator to edit svg icon. Icon can be customized in any color or size using color and size picker.
Kanban board Icon Svg Code | Path | Download
Download free Kanban Board SVG icons in different sizes (16*16, 24*24, 32*32, 64*64 & Other). Check and download the Kanban Board Icon SVG code in HTML/Css from below.
Kanban Board
Kanban board SVG Icon Code | Customize color
You can get svg icon kanban board in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3 3.6V20.4C3 20.7314 3.26863 21 3.6 21H20.4C20.7314 21 21 20.7314 21 20.4V3.6C21 3.26863 20.7314 3 20.4 3H3.6C3.26863 3 3 3.26863 3 3.6Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M6 6L6 16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10 6V9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14 6V13" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M18 6V11" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: white' width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3 3.6V20.4C3 20.7314 3.26863 21 3.6 21H20.4C20.7314 21 21 20.7314 21 20.4V3.6C21 3.26863 20.7314 3 20.4 3H3.6C3.26863 3 3 3.26863 3 3.6Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M6 6L6 16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10 6V9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14 6V13" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M18 6V11" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: red' width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3 3.6V20.4C3 20.7314 3.26863 21 3.6 21H20.4C20.7314 21 21 20.7314 21 20.4V3.6C21 3.26863 20.7314 3 20.4 3H3.6C3.26863 3 3 3.26863 3 3.6Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M6 6L6 16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10 6V9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14 6V13" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M18 6V11" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: blue' width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3 3.6V20.4C3 20.7314 3.26863 21 3.6 21H20.4C20.7314 21 21 20.7314 21 20.4V3.6C21 3.26863 20.7314 3 20.4 3H3.6C3.26863 3 3 3.26863 3 3.6Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M6 6L6 16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10 6V9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14 6V13" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M18 6V11" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: #f3da35' width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3 3.6V20.4C3 20.7314 3.26863 21 3.6 21H20.4C20.7314 21 21 20.7314 21 20.4V3.6C21 3.26863 20.7314 3 20.4 3H3.6C3.26863 3 3 3.26863 3 3.6Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M6 6L6 16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10 6V9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14 6V13" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M18 6V11" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg> Advance Editor
You can edit kanban board as below. Change size color and background color of icon using below tool.
Advertisements
Kanban Board Icon SVG - Faq(s)?
⭐Can I get Free Kanban Board Icon SVG?Yes, you can get free Kanban Board SVG icons.
⭐ How to download free Kanban Board Icon SVG code?To download free Kanban Board icons in SVG code click on the copy code button.
⭐How to find the Kanban Board Icon SVG path file?You can get the Kanban Board SVG file path from the above section.
⭐ What are the colors available for SVG Kanban Board Icon?You can check the Kanban Board SVG in your brand color i.e, White, Black, Blue, Red, Green, Pink & Yellow.
Advertisements