layout icon
layout-filled from Reicon by REICON · Filled · UI · MIT Free for personal and commercial use.
- Name
- layout-filled
- Set
- Reicon
- Style
- Filled
- Category
- UI
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
The same icon in other sets
All layout icons →More ui icons from Reicon
Use the layout icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.25 3.65c0-.14 0-.21-.027-.264a.25.25 0 0 0-.11-.109C7.06 3.25 6.99 3.25 6.85 3.25H5.469c-.674 0-1.225 0-1.672.037c-.463.037-.882.118-1.272.317a3.25 3.25 0 0 0-1.42 1.42c-.2.391-.28.81-.318 1.273C.75 6.744.75 7.295.75 7.969v8.062c0 .674 0 1.225.037 1.672c.037.463.118.882.317 1.273a3.25 3.25 0 0 0 1.42 1.42c.391.199.81.28 1.273.317c.447.037.998.037 1.672.037H6.85c.14 0 .21 0 .264-.027a.25.25 0 0 0 .109-.11c.027-.053.027-.123.027-.263zm1.5 16.7c0 .14 0 .21.027.263a.25.25 0 0 0 .11.11c.053.027.123.027.263.027h9.381c.674 0 1.225 0 1.672-.037c.463-.037.882-.118 1.273-.317a3.25 3.25 0 0 0 1.42-1.42c.199-.391.28-.81.317-1.273c.037-.447.037-.998.037-1.672V7.97c0-.674 0-1.224-.037-1.672c-.037-.463-.118-.882-.317-1.272a3.25 3.25 0 0 0-1.42-1.42c-.391-.2-.81-.28-1.273-.318c-.447-.037-.998-.037-1.672-.037H9.15c-.14 0-.21 0-.263.027a.25.25 0 0 0-.11.11c-.027.053-.027.123-.027.263z"/></svg>
React
import type { SVGProps } from "react";
export function ReiconLayoutFilled(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="M7.25 3.65c0-.14 0-.21-.027-.264a.25.25 0 0 0-.11-.109C7.06 3.25 6.99 3.25 6.85 3.25H5.469c-.674 0-1.225 0-1.672.037c-.463.037-.882.118-1.272.317a3.25 3.25 0 0 0-1.42 1.42c-.2.391-.28.81-.318 1.273C.75 6.744.75 7.295.75 7.969v8.062c0 .674 0 1.225.037 1.672c.037.463.118.882.317 1.273a3.25 3.25 0 0 0 1.42 1.42c.391.199.81.28 1.273.317c.447.037.998.037 1.672.037H6.85c.14 0 .21 0 .264-.027a.25.25 0 0 0 .109-.11c.027-.053.027-.123.027-.263zm1.5 16.7c0 .14 0 .21.027.263a.25.25 0 0 0 .11.11c.053.027.123.027.263.027h9.381c.674 0 1.225 0 1.672-.037c.463-.037.882-.118 1.273-.317a3.25 3.25 0 0 0 1.42-1.42c.199-.391.28-.81.317-1.273c.037-.447.037-.998.037-1.672V7.97c0-.674 0-1.224-.037-1.672c-.037-.463-.118-.882-.317-1.272a3.25 3.25 0 0 0-1.42-1.42c-.391-.2-.81-.28-1.273-.318c-.447-.037-.998-.037-1.672-.037H9.15c-.14 0-.21 0-.263.027a.25.25 0 0 0-.11.11c-.027.053-.027.123-.027.263z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.25 3.65c0-.14 0-.21-.027-.264a.25.25 0 0 0-.11-.109C7.06 3.25 6.99 3.25 6.85 3.25H5.469c-.674 0-1.225 0-1.672.037c-.463.037-.882.118-1.272.317a3.25 3.25 0 0 0-1.42 1.42c-.2.391-.28.81-.318 1.273C.75 6.744.75 7.295.75 7.969v8.062c0 .674 0 1.225.037 1.672c.037.463.118.882.317 1.273a3.25 3.25 0 0 0 1.42 1.42c.391.199.81.28 1.273.317c.447.037.998.037 1.672.037H6.85c.14 0 .21 0 .264-.027a.25.25 0 0 0 .109-.11c.027-.053.027-.123.027-.263zm1.5 16.7c0 .14 0 .21.027.263a.25.25 0 0 0 .11.11c.053.027.123.027.263.027h9.381c.674 0 1.225 0 1.672-.037c.463-.037.882-.118 1.273-.317a3.25 3.25 0 0 0 1.42-1.42c.199-.391.28-.81.317-1.273c.037-.447.037-.998.037-1.672V7.97c0-.674 0-1.224-.037-1.672c-.037-.463-.118-.882-.317-1.272a3.25 3.25 0 0 0-1.42-1.42c-.391-.2-.81-.28-1.273-.318c-.447-.037-.998-.037-1.672-.037H9.15c-.14 0-.21 0-.263.027a.25.25 0 0 0-.11.11c-.027.053-.027.123-.027.263z"/></svg> </template>
CSS
.icon-layout-filled {
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%22M7.25%203.65c0-.14%200-.21-.027-.264a.25.25%200%200%200-.11-.109C7.06%203.25%206.99%203.25%206.85%203.25H5.469c-.674%200-1.225%200-1.672.037c-.463.037-.882.118-1.272.317a3.25%203.25%200%200%200-1.42%201.42c-.2.391-.28.81-.318%201.273C.75%206.744.75%207.295.75%207.969v8.062c0%20.674%200%201.225.037%201.672c.037.463.118.882.317%201.273a3.25%203.25%200%200%200%201.42%201.42c.391.199.81.28%201.273.317c.447.037.998.037%201.672.037H6.85c.14%200%20.21%200%20.264-.027a.25.25%200%200%200%20.109-.11c.027-.053.027-.123.027-.263zm1.5%2016.7c0%20.14%200%20.21.027.263a.25.25%200%200%200%20.11.11c.053.027.123.027.263.027h9.381c.674%200%201.225%200%201.672-.037c.463-.037.882-.118%201.273-.317a3.25%203.25%200%200%200%201.42-1.42c.199-.391.28-.81.317-1.273c.037-.447.037-.998.037-1.672V7.97c0-.674%200-1.224-.037-1.672c-.037-.463-.118-.882-.317-1.272a3.25%203.25%200%200%200-1.42-1.42c-.391-.2-.81-.28-1.273-.318c-.447-.037-.998-.037-1.672-.037H9.15c-.14%200-.21%200-.263.027a.25.25%200%200%200-.11.11c-.027.053-.027.123-.027.263z%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%22M7.25%203.65c0-.14%200-.21-.027-.264a.25.25%200%200%200-.11-.109C7.06%203.25%206.99%203.25%206.85%203.25H5.469c-.674%200-1.225%200-1.672.037c-.463.037-.882.118-1.272.317a3.25%203.25%200%200%200-1.42%201.42c-.2.391-.28.81-.318%201.273C.75%206.744.75%207.295.75%207.969v8.062c0%20.674%200%201.225.037%201.672c.037.463.118.882.317%201.273a3.25%203.25%200%200%200%201.42%201.42c.391.199.81.28%201.273.317c.447.037.998.037%201.672.037H6.85c.14%200%20.21%200%20.264-.027a.25.25%200%200%200%20.109-.11c.027-.053.027-.123.027-.263zm1.5%2016.7c0%20.14%200%20.21.027.263a.25.25%200%200%200%20.11.11c.053.027.123.027.263.027h9.381c.674%200%201.225%200%201.672-.037c.463-.037.882-.118%201.273-.317a3.25%203.25%200%200%200%201.42-1.42c.199-.391.28-.81.317-1.273c.037-.447.037-.998.037-1.672V7.97c0-.674%200-1.224-.037-1.672c-.037-.463-.118-.882-.317-1.272a3.25%203.25%200%200%200-1.42-1.42c-.391-.2-.81-.28-1.273-.318c-.447-.037-.998-.037-1.672-.037H9.15c-.14%200-.21%200-.263.027a.25.25%200%200%200-.11.11c-.027.053-.027.123-.027.263z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/layout-filled.svg?color=%231a73e8&size=48
