kanban square icon
kanban-square-bold from Solar by 480 Design · Bold · Business · CC-BY-4.0 Attribution required.
- Name
- kanban-square-bold
- Set
- Solar
- Style
- Bold
- Category
- Business
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
More business icons from Solar
chart-2-boldchart-boldchart-square-boldchat-square-2-boldcourse-down-boldcourse-up-bolddiagram-down-bolddiagram-up-boldgraph-boldgraph-down-boldgraph-down-new-boldgraph-new-boldgraph-new-up-boldgraph-up-boldkanban-boldpie-chart-2-boldpie-chart-3-boldpie-chart-boldpresentation-graph-boldround-graph-boldtable-boldtable-cells-merge-boldtable-cells-split-boldtable-columns-split-bold
Use the kanban square icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 2C16.714 2 19.0707 2.00038 20.5352 3.46484C21.9996 4.92931 22 7.28595 22 12C22 16.714 21.9996 19.0707 20.5352 20.5352C19.0707 21.9996 16.714 22 12 22C7.28595 22 4.92931 21.9996 3.46484 20.5352C2.00038 19.0707 2 16.714 2 12C2 7.28595 2.00038 4.92931 3.46484 3.46484C4.92931 2.00038 7.28595 2 12 2ZM17 5.25C16.5858 5.25 16.25 5.58579 16.25 6V18C16.25 18.4142 16.5858 18.75 17 18.75C17.4142 18.75 17.75 18.4142 17.75 18V6C17.75 5.58579 17.4142 5.25 17 5.25ZM7 5.25C6.58579 5.25 6.25 5.58579 6.25 6V15C6.25 15.4142 6.58579 15.75 7 15.75C7.41421 15.75 7.75 15.4142 7.75 15V6C7.75 5.58579 7.41421 5.25 7 5.25ZM12 5.25C11.5858 5.25 11.25 5.58579 11.25 6V11C11.25 11.4142 11.5858 11.75 12 11.75C12.4142 11.75 12.75 11.4142 12.75 11V6C12.75 5.58579 12.4142 5.25 12 5.25Z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function SolarKanbanSquareBold(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M12 2C16.714 2 19.0707 2.00038 20.5352 3.46484C21.9996 4.92931 22 7.28595 22 12C22 16.714 21.9996 19.0707 20.5352 20.5352C19.0707 21.9996 16.714 22 12 22C7.28595 22 4.92931 21.9996 3.46484 20.5352C2.00038 19.0707 2 16.714 2 12C2 7.28595 2.00038 4.92931 3.46484 3.46484C4.92931 2.00038 7.28595 2 12 2ZM17 5.25C16.5858 5.25 16.25 5.58579 16.25 6V18C16.25 18.4142 16.5858 18.75 17 18.75C17.4142 18.75 17.75 18.4142 17.75 18V6C17.75 5.58579 17.4142 5.25 17 5.25ZM7 5.25C6.58579 5.25 6.25 5.58579 6.25 6V15C6.25 15.4142 6.58579 15.75 7 15.75C7.41421 15.75 7.75 15.4142 7.75 15V6C7.75 5.58579 7.41421 5.25 7 5.25ZM12 5.25C11.5858 5.25 11.25 5.58579 11.25 6V11C11.25 11.4142 11.5858 11.75 12 11.75C12.4142 11.75 12.75 11.4142 12.75 11V6C12.75 5.58579 12.4142 5.25 12 5.25Z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 2C16.714 2 19.0707 2.00038 20.5352 3.46484C21.9996 4.92931 22 7.28595 22 12C22 16.714 21.9996 19.0707 20.5352 20.5352C19.0707 21.9996 16.714 22 12 22C7.28595 22 4.92931 21.9996 3.46484 20.5352C2.00038 19.0707 2 16.714 2 12C2 7.28595 2.00038 4.92931 3.46484 3.46484C4.92931 2.00038 7.28595 2 12 2ZM17 5.25C16.5858 5.25 16.25 5.58579 16.25 6V18C16.25 18.4142 16.5858 18.75 17 18.75C17.4142 18.75 17.75 18.4142 17.75 18V6C17.75 5.58579 17.4142 5.25 17 5.25ZM7 5.25C6.58579 5.25 6.25 5.58579 6.25 6V15C6.25 15.4142 6.58579 15.75 7 15.75C7.41421 15.75 7.75 15.4142 7.75 15V6C7.75 5.58579 7.41421 5.25 7 5.25ZM12 5.25C11.5858 5.25 11.25 5.58579 11.25 6V11C11.25 11.4142 11.5858 11.75 12 11.75C12.4142 11.75 12.75 11.4142 12.75 11V6C12.75 5.58579 12.4142 5.25 12 5.25Z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-kanban-square-bold {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%202C16.714%202%2019.0707%202.00038%2020.5352%203.46484C21.9996%204.92931%2022%207.28595%2022%2012C22%2016.714%2021.9996%2019.0707%2020.5352%2020.5352C19.0707%2021.9996%2016.714%2022%2012%2022C7.28595%2022%204.92931%2021.9996%203.46484%2020.5352C2.00038%2019.0707%202%2016.714%202%2012C2%207.28595%202.00038%204.92931%203.46484%203.46484C4.92931%202.00038%207.28595%202%2012%202ZM17%205.25C16.5858%205.25%2016.25%205.58579%2016.25%206V18C16.25%2018.4142%2016.5858%2018.75%2017%2018.75C17.4142%2018.75%2017.75%2018.4142%2017.75%2018V6C17.75%205.58579%2017.4142%205.25%2017%205.25ZM7%205.25C6.58579%205.25%206.25%205.58579%206.25%206V15C6.25%2015.4142%206.58579%2015.75%207%2015.75C7.41421%2015.75%207.75%2015.4142%207.75%2015V6C7.75%205.58579%207.41421%205.25%207%205.25ZM12%205.25C11.5858%205.25%2011.25%205.58579%2011.25%206V11C11.25%2011.4142%2011.5858%2011.75%2012%2011.75C12.4142%2011.75%2012.75%2011.4142%2012.75%2011V6C12.75%205.58579%2012.4142%205.25%2012%205.25Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%202C16.714%202%2019.0707%202.00038%2020.5352%203.46484C21.9996%204.92931%2022%207.28595%2022%2012C22%2016.714%2021.9996%2019.0707%2020.5352%2020.5352C19.0707%2021.9996%2016.714%2022%2012%2022C7.28595%2022%204.92931%2021.9996%203.46484%2020.5352C2.00038%2019.0707%202%2016.714%202%2012C2%207.28595%202.00038%204.92931%203.46484%203.46484C4.92931%202.00038%207.28595%202%2012%202ZM17%205.25C16.5858%205.25%2016.25%205.58579%2016.25%206V18C16.25%2018.4142%2016.5858%2018.75%2017%2018.75C17.4142%2018.75%2017.75%2018.4142%2017.75%2018V6C17.75%205.58579%2017.4142%205.25%2017%205.25ZM7%205.25C6.58579%205.25%206.25%205.58579%206.25%206V15C6.25%2015.4142%206.58579%2015.75%207%2015.75C7.41421%2015.75%207.75%2015.4142%207.75%2015V6C7.75%205.58579%207.41421%205.25%207%205.25ZM12%205.25C11.5858%205.25%2011.25%205.58579%2011.25%206V11C11.25%2011.4142%2011.5858%2011.75%2012%2011.75C12.4142%2011.75%2012.75%2011.4142%2012.75%2011V6C12.75%205.58579%2012.4142%205.25%2012%205.25Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/kanban-square-bold.svg?color=%231a73e8&size=48
