rectangle icon

rectangle-outline from Material Design Icons by Pictogrammers · Outline · Shape · Apache-2.0 Free for personal and commercial use.

Name: rectangle-outline
Set: Material Design Icons
Style: Outline
Category: Shape
Viewbox: 24×24
License: Apache 2.0

1 other variant in Material Design Icons

rectangle

The same icon in other sets

rectangleBoxIcons v2 rectangleBoxIcons v2 Solid rectangleFramework7 Icons rectangleIconPark rectangleIconPark Outline rectangleIconPark Solid rectangleIconPark TwoTone rectangleJam Icons rectangleMaterial Symbols rectangleMaterial Symbols Light rectangle-fillMingCute Icon rectangleMyna UI Icons rectanglePhosphor rectangle-fillRemix Icon rectangleTabler Icons rectangleTDesign Icons

More shape icons from Material Design Icons

Use the rectangle icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 6v13h16V6zm14 11H6V8h12z"/></svg>

React

import type { SVGProps } from "react";

export function MdiRectangleOutline(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" d="M4 6v13h16V6zm14 11H6V8h12z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 6v13h16V6zm14 11H6V8h12z"/></svg>
</template>

CSS

.icon-rectangle-outline {
  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%20d%3D%22M4%206v13h16V6zm14%2011H6V8h12z%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%20d%3D%22M4%206v13h16V6zm14%2011H6V8h12z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/rectangle-outline.svg?color=%231a73e8&size=48