rectangle vertical icon

rectangle-vertical-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.

Name: rectangle-vertical-solid
Set: Myna UI Icons
Style: Solid
Viewbox: 24×24
License: MIT

1 other variant in Myna UI Icons

The same icon in other sets

rectangle-verticalHuge Icons rectangle-verticalLucide rectangle-vertical-fillMingCute Icon rectangle-verticalTabler Icons

Use the rectangle vertical icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.267 1.25c-.812 0-1.469 0-2 .045c-.55.047-1.033.145-1.48.381a3.8 3.8 0 0 0-1.633 1.692c-.223.454-.316.944-.36 1.507c-.044.549-.044 1.227-.044 2.072v10.106c0 .845 0 1.523.043 2.072c.045.563.138 1.053.36 1.507a3.8 3.8 0 0 0 1.635 1.692c.446.236.93.334 1.478.38c.532.046 1.189.046 2 .046h5.467c.812 0 1.469 0 2-.045c.55-.047 1.033-.145 1.48-.381a3.8 3.8 0 0 0 1.633-1.692c.223-.454.316-.944.36-1.508c.044-.548.044-1.226.044-2.07V6.946c0-.845 0-1.523-.043-2.072c-.044-.563-.138-1.053-.36-1.507a3.8 3.8 0 0 0-1.635-1.692c-.446-.236-.93-.334-1.478-.38c-.532-.046-1.189-.046-2-.046z"/></svg>

React

import type { SVGProps } from "react";

export function MynauiRectangleVerticalSolid(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="M9.267 1.25c-.812 0-1.469 0-2 .045c-.55.047-1.033.145-1.48.381a3.8 3.8 0 0 0-1.633 1.692c-.223.454-.316.944-.36 1.507c-.044.549-.044 1.227-.044 2.072v10.106c0 .845 0 1.523.043 2.072c.045.563.138 1.053.36 1.507a3.8 3.8 0 0 0 1.635 1.692c.446.236.93.334 1.478.38c.532.046 1.189.046 2 .046h5.467c.812 0 1.469 0 2-.045c.55-.047 1.033-.145 1.48-.381a3.8 3.8 0 0 0 1.633-1.692c.223-.454.316-.944.36-1.508c.044-.548.044-1.226.044-2.07V6.946c0-.845 0-1.523-.043-2.072c-.044-.563-.138-1.053-.36-1.507a3.8 3.8 0 0 0-1.635-1.692c-.446-.236-.93-.334-1.478-.38c-.532-.046-1.189-.046-2-.046z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.267 1.25c-.812 0-1.469 0-2 .045c-.55.047-1.033.145-1.48.381a3.8 3.8 0 0 0-1.633 1.692c-.223.454-.316.944-.36 1.507c-.044.549-.044 1.227-.044 2.072v10.106c0 .845 0 1.523.043 2.072c.045.563.138 1.053.36 1.507a3.8 3.8 0 0 0 1.635 1.692c.446.236.93.334 1.478.38c.532.046 1.189.046 2 .046h5.467c.812 0 1.469 0 2-.045c.55-.047 1.033-.145 1.48-.381a3.8 3.8 0 0 0 1.633-1.692c.223-.454.316-.944.36-1.508c.044-.548.044-1.226.044-2.07V6.946c0-.845 0-1.523-.043-2.072c-.044-.563-.138-1.053-.36-1.507a3.8 3.8 0 0 0-1.635-1.692c-.446-.236-.93-.334-1.478-.38c-.532-.046-1.189-.046-2-.046z"/></svg>
</template>

CSS

.icon-rectangle-vertical-solid {
  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%22M9.267%201.25c-.812%200-1.469%200-2%20.045c-.55.047-1.033.145-1.48.381a3.8%203.8%200%200%200-1.633%201.692c-.223.454-.316.944-.36%201.507c-.044.549-.044%201.227-.044%202.072v10.106c0%20.845%200%201.523.043%202.072c.045.563.138%201.053.36%201.507a3.8%203.8%200%200%200%201.635%201.692c.446.236.93.334%201.478.38c.532.046%201.189.046%202%20.046h5.467c.812%200%201.469%200%202-.045c.55-.047%201.033-.145%201.48-.381a3.8%203.8%200%200%200%201.633-1.692c.223-.454.316-.944.36-1.508c.044-.548.044-1.226.044-2.07V6.946c0-.845%200-1.523-.043-2.072c-.044-.563-.138-1.053-.36-1.507a3.8%203.8%200%200%200-1.635-1.692c-.446-.236-.93-.334-1.478-.38c-.532-.046-1.189-.046-2-.046z%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%22M9.267%201.25c-.812%200-1.469%200-2%20.045c-.55.047-1.033.145-1.48.381a3.8%203.8%200%200%200-1.633%201.692c-.223.454-.316.944-.36%201.507c-.044.549-.044%201.227-.044%202.072v10.106c0%20.845%200%201.523.043%202.072c.045.563.138%201.053.36%201.507a3.8%203.8%200%200%200%201.635%201.692c.446.236.93.334%201.478.38c.532.046%201.189.046%202%20.046h5.467c.812%200%201.469%200%202-.045c.55-.047%201.033-.145%201.48-.381a3.8%203.8%200%200%200%201.633-1.692c.223-.454.316-.944.36-1.508c.044-.548.044-1.226.044-2.07V6.946c0-.845%200-1.523-.043-2.072c-.044-.563-.138-1.053-.36-1.507a3.8%203.8%200%200%200-1.635-1.692c-.446-.236-.93-.334-1.478-.38c-.532-.046-1.189-.046-2-.046z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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