box multiple icon

box-multiple-20-regular from Fluent UI System Icons by Microsoft Corporation · 20 Regular · MIT Free for personal and commercial use.

Name: box-multiple-20-regular
Set: Fluent UI System Icons
Style: 20 Regular
Viewbox: 20×20
License: MIT

3 other variants in Fluent UI System Icons

box-multiple-20-filled box-multiple-24-filled box-multiple-24-regular

The same icon in other sets

box-multipleTabler Icons

Related icons in Fluent UI System Icons

box-arrow-left-20-filled box-arrow-up-20-filled box-checkmark-16-filled box-dismiss-20-filled box-edit-20-filled box-multiple-arrow-left-20-filled box-multiple-arrow-right-20-filled box-multiple-checkmark-20-filled box-multiple-search-20-filled box-search-16-filled box-toolbox-20-filled

Use the box multiple icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M13.577 2.38a3 3 0 0 0-2.154 0L7.962 3.71A1.5 1.5 0 0 0 7 5.11v1.101a4 4 0 0 1 1 0v-1.1a.5.5 0 0 1 .32-.467l3.462-1.331a2 2 0 0 1 1.436 0l3.461 1.331a.5.5 0 0 1 .32.467v7.78a.5.5 0 0 1-.32.466l-2.68 1.031v.503q0 .307-.072.596l3.111-1.196a1.5 1.5 0 0 0 .962-1.4V5.11a1.5 1.5 0 0 0-.962-1.4zm2.514 2.915a.5.5 0 0 0-.646-.287l-2.766 1.064a.5.5 0 0 1-.359 0L9.554 5.008a.5.5 0 1 0-.359.933l2.766 1.064a1.5 1.5 0 0 0 1.077 0l2.766-1.064a.5.5 0 0 0 .287-.646m-5 5a.5.5 0 0 0-.646-.287L7.5 11.141l-2.946-1.133a.5.5 0 0 0-.359.934L7 12.02v2.49a.5.5 0 1 0 1 0v-2.49l2.804-1.078a.5.5 0 0 0 .287-.647M8.577 7.38a3 3 0 0 0-2.154 0L2.962 8.71A1.5 1.5 0 0 0 2 10.11v4.78a1.5 1.5 0 0 0 .962 1.4l3.46 1.332a3 3 0 0 0 2.155 0l3.461-1.331a1.5 1.5 0 0 0 .961-1.4v-4.78a1.5 1.5 0 0 0-.961-1.4zm-1.795.933a2 2 0 0 1 1.436 0l3.461 1.331a.5.5 0 0 1 .32.467v4.78a.5.5 0 0 1-.32.466L8.218 16.69a2 2 0 0 1-1.436 0L3.32 15.357a.5.5 0 0 1-.32-.465v-4.78a.5.5 0 0 1 .32-.467z"/></svg>

React

import type { SVGProps } from "react";

export function FluentBoxMultiple20Regular(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M13.577 2.38a3 3 0 0 0-2.154 0L7.962 3.71A1.5 1.5 0 0 0 7 5.11v1.101a4 4 0 0 1 1 0v-1.1a.5.5 0 0 1 .32-.467l3.462-1.331a2 2 0 0 1 1.436 0l3.461 1.331a.5.5 0 0 1 .32.467v7.78a.5.5 0 0 1-.32.466l-2.68 1.031v.503q0 .307-.072.596l3.111-1.196a1.5 1.5 0 0 0 .962-1.4V5.11a1.5 1.5 0 0 0-.962-1.4zm2.514 2.915a.5.5 0 0 0-.646-.287l-2.766 1.064a.5.5 0 0 1-.359 0L9.554 5.008a.5.5 0 1 0-.359.933l2.766 1.064a1.5 1.5 0 0 0 1.077 0l2.766-1.064a.5.5 0 0 0 .287-.646m-5 5a.5.5 0 0 0-.646-.287L7.5 11.141l-2.946-1.133a.5.5 0 0 0-.359.934L7 12.02v2.49a.5.5 0 1 0 1 0v-2.49l2.804-1.078a.5.5 0 0 0 .287-.647M8.577 7.38a3 3 0 0 0-2.154 0L2.962 8.71A1.5 1.5 0 0 0 2 10.11v4.78a1.5 1.5 0 0 0 .962 1.4l3.46 1.332a3 3 0 0 0 2.155 0l3.461-1.331a1.5 1.5 0 0 0 .961-1.4v-4.78a1.5 1.5 0 0 0-.961-1.4zm-1.795.933a2 2 0 0 1 1.436 0l3.461 1.331a.5.5 0 0 1 .32.467v4.78a.5.5 0 0 1-.32.466L8.218 16.69a2 2 0 0 1-1.436 0L3.32 15.357a.5.5 0 0 1-.32-.465v-4.78a.5.5 0 0 1 .32-.467z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M13.577 2.38a3 3 0 0 0-2.154 0L7.962 3.71A1.5 1.5 0 0 0 7 5.11v1.101a4 4 0 0 1 1 0v-1.1a.5.5 0 0 1 .32-.467l3.462-1.331a2 2 0 0 1 1.436 0l3.461 1.331a.5.5 0 0 1 .32.467v7.78a.5.5 0 0 1-.32.466l-2.68 1.031v.503q0 .307-.072.596l3.111-1.196a1.5 1.5 0 0 0 .962-1.4V5.11a1.5 1.5 0 0 0-.962-1.4zm2.514 2.915a.5.5 0 0 0-.646-.287l-2.766 1.064a.5.5 0 0 1-.359 0L9.554 5.008a.5.5 0 1 0-.359.933l2.766 1.064a1.5 1.5 0 0 0 1.077 0l2.766-1.064a.5.5 0 0 0 .287-.646m-5 5a.5.5 0 0 0-.646-.287L7.5 11.141l-2.946-1.133a.5.5 0 0 0-.359.934L7 12.02v2.49a.5.5 0 1 0 1 0v-2.49l2.804-1.078a.5.5 0 0 0 .287-.647M8.577 7.38a3 3 0 0 0-2.154 0L2.962 8.71A1.5 1.5 0 0 0 2 10.11v4.78a1.5 1.5 0 0 0 .962 1.4l3.46 1.332a3 3 0 0 0 2.155 0l3.461-1.331a1.5 1.5 0 0 0 .961-1.4v-4.78a1.5 1.5 0 0 0-.961-1.4zm-1.795.933a2 2 0 0 1 1.436 0l3.461 1.331a.5.5 0 0 1 .32.467v4.78a.5.5 0 0 1-.32.466L8.218 16.69a2 2 0 0 1-1.436 0L3.32 15.357a.5.5 0 0 1-.32-.465v-4.78a.5.5 0 0 1 .32-.467z"/></svg>
</template>

CSS

.icon-box-multiple-20-regular {
  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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.577%202.38a3%203%200%200%200-2.154%200L7.962%203.71A1.5%201.5%200%200%200%207%205.11v1.101a4%204%200%200%201%201%200v-1.1a.5.5%200%200%201%20.32-.467l3.462-1.331a2%202%200%200%201%201.436%200l3.461%201.331a.5.5%200%200%201%20.32.467v7.78a.5.5%200%200%201-.32.466l-2.68%201.031v.503q0%20.307-.072.596l3.111-1.196a1.5%201.5%200%200%200%20.962-1.4V5.11a1.5%201.5%200%200%200-.962-1.4zm2.514%202.915a.5.5%200%200%200-.646-.287l-2.766%201.064a.5.5%200%200%201-.359%200L9.554%205.008a.5.5%200%201%200-.359.933l2.766%201.064a1.5%201.5%200%200%200%201.077%200l2.766-1.064a.5.5%200%200%200%20.287-.646m-5%205a.5.5%200%200%200-.646-.287L7.5%2011.141l-2.946-1.133a.5.5%200%200%200-.359.934L7%2012.02v2.49a.5.5%200%201%200%201%200v-2.49l2.804-1.078a.5.5%200%200%200%20.287-.647M8.577%207.38a3%203%200%200%200-2.154%200L2.962%208.71A1.5%201.5%200%200%200%202%2010.11v4.78a1.5%201.5%200%200%200%20.962%201.4l3.46%201.332a3%203%200%200%200%202.155%200l3.461-1.331a1.5%201.5%200%200%200%20.961-1.4v-4.78a1.5%201.5%200%200%200-.961-1.4zm-1.795.933a2%202%200%200%201%201.436%200l3.461%201.331a.5.5%200%200%201%20.32.467v4.78a.5.5%200%200%201-.32.466L8.218%2016.69a2%202%200%200%201-1.436%200L3.32%2015.357a.5.5%200%200%201-.32-.465v-4.78a.5.5%200%200%201%20.32-.467z%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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.577%202.38a3%203%200%200%200-2.154%200L7.962%203.71A1.5%201.5%200%200%200%207%205.11v1.101a4%204%200%200%201%201%200v-1.1a.5.5%200%200%201%20.32-.467l3.462-1.331a2%202%200%200%201%201.436%200l3.461%201.331a.5.5%200%200%201%20.32.467v7.78a.5.5%200%200%201-.32.466l-2.68%201.031v.503q0%20.307-.072.596l3.111-1.196a1.5%201.5%200%200%200%20.962-1.4V5.11a1.5%201.5%200%200%200-.962-1.4zm2.514%202.915a.5.5%200%200%200-.646-.287l-2.766%201.064a.5.5%200%200%201-.359%200L9.554%205.008a.5.5%200%201%200-.359.933l2.766%201.064a1.5%201.5%200%200%200%201.077%200l2.766-1.064a.5.5%200%200%200%20.287-.646m-5%205a.5.5%200%200%200-.646-.287L7.5%2011.141l-2.946-1.133a.5.5%200%200%200-.359.934L7%2012.02v2.49a.5.5%200%201%200%201%200v-2.49l2.804-1.078a.5.5%200%200%200%20.287-.647M8.577%207.38a3%203%200%200%200-2.154%200L2.962%208.71A1.5%201.5%200%200%200%202%2010.11v4.78a1.5%201.5%200%200%200%20.962%201.4l3.46%201.332a3%203%200%200%200%202.155%200l3.461-1.331a1.5%201.5%200%200%200%20.961-1.4v-4.78a1.5%201.5%200%200%200-.961-1.4zm-1.795.933a2%202%200%200%201%201.436%200l3.461%201.331a.5.5%200%200%201%20.32.467v4.78a.5.5%200%200%201-.32.466L8.218%2016.69a2%202%200%200%201-1.436%200L3.32%2015.357a.5.5%200%200%201-.32-.465v-4.78a.5.5%200%200%201%20.32-.467z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/box-multiple-20-regular.svg?color=%231a73e8&size=48