Layout staggered

layout-staggered

A 24px icon in Bloom’s Settings category, drawn once as Linear and grown into the other four styles. Free SVG files in currentColor, MIT license.

Category
Settings
Tags
widgetsmasonrytilesdashboardbento

Layout staggered in five styles

Linear at 16, 20, 24 and 32px

Get the SVG

The command prints the file exactly as Bloom ships it. Set --style to line-duotone, outline, bold or bold-duotone for the other styles. The same files are in the npm package under dist/ and on this site under svg/.

npx -y bloom-icons get layout-staggered --style linear
dist/linear/layout-staggered.svg
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
  <path d="M6 2.25C7.402 2.25 8.103 2.25 8.625 2.551C8.967 2.749 9.251 3.033 9.449 3.375C9.75 3.897 9.75 4.598 9.75 6L9.75 10.5C9.75 11.902 9.75 12.603 9.449 13.125C9.251 13.467 8.967 13.751 8.625 13.949C8.103 14.25 7.402 14.25 6 14.25C4.598 14.25 3.897 14.25 3.375 13.949C3.033 13.751 2.749 13.467 2.551 13.125C2.25 12.603 2.25 11.902 2.25 10.5L2.25 6C2.25 4.598 2.25 3.897 2.551 3.375C2.749 3.033 3.033 2.749 3.375 2.551C3.897 2.25 4.598 2.25 6 2.25Z"/>
  <rect x="2.25" y="17.25" width="7.5" height="4.5" rx="2.25"/>
  <rect x="14.25" y="2.25" width="7.5" height="4.5" rx="2.25"/>
  <path d="M18 9.75C19.402 9.75 20.103 9.75 20.625 10.051C20.967 10.249 21.251 10.533 21.449 10.875C21.75 11.397 21.75 12.098 21.75 13.5L21.75 18C21.75 19.402 21.75 20.103 21.449 20.625C21.251 20.967 20.967 21.251 20.625 21.449C20.103 21.75 19.402 21.75 18 21.75C16.598 21.75 15.897 21.75 15.375 21.449C15.033 21.251 14.749 20.967 14.551 20.625C14.25 20.103 14.25 19.402 14.25 18L14.25 13.5C14.25 12.098 14.25 11.397 14.551 10.875C14.749 10.533 15.033 10.249 15.375 10.051C15.897 9.75 16.598 9.75 18 9.75Z"/>
</svg>

More in Settings

Open in the icon browserBrowse all 1,260 icons