format square icon
format-square-filled from Reicon by REICON · Filled · Newicons · MIT Free for personal and commercial use.
- Name
- format-square-filled
- Set
- Reicon
- Style
- Filled
- Category
- Newicons
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
More newicons icons from Reicon
Use the format square icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.75 16.5v-9c1.19-.5 2-1.67 2-3c0-1.79-1.46-3.25-3.25-3.25c-1.32 0-2.5.81-3 2h-9c-.5-1.19-1.67-2-3-2c-1.79 0-3.25 1.46-3.25 3.25c0 1.32.81 2.5 2 3v9c-1.19.5-2 1.67-2 3c0 1.79 1.46 3.25 3.25 3.25c1.32 0 2.5-.81 3-2h9c.5 1.19 1.67 2 3 2c1.79 0 3.25-1.46 3.25-3.25c0-1.32-.81-2.5-2-3m-1.59-.23c-.11.01-.21.03-.32.05q-.405.075-.78.27c-.06.03-.12.06-.18.1c-.5.28-.91.69-1.19 1.19c-.04.06-.07.12-.1.18q-.195.375-.27.78c-.02.11-.04.21-.05.32c-.01.03-.01.06-.01.09H7.74a3.4 3.4 0 0 0-.14-.72c-.02-.08-.05-.17-.09-.25c-.03-.07-.06-.14-.1-.22c-.03-.06-.06-.12-.1-.18c-.28-.5-.69-.91-1.19-1.19c-.06-.04-.12-.07-.18-.1c-.08-.04-.15-.07-.22-.1c-.08-.04-.17-.07-.25-.09a3.4 3.4 0 0 0-.72-.14V7.74c.26-.02.5-.07.74-.15c.09-.02.19-.06.28-.1c.05-.02.11-.05.17-.08s.12-.06.18-.1c.5-.28.91-.69 1.19-1.19c.04-.06.07-.12.1-.18s.06-.12.08-.17c.04-.09.08-.19.1-.28c.08-.24.13-.48.15-.74h8.52c.02.27.07.52.16.77c.02.08.05.17.09.25c.02.06.05.11.08.17s.06.12.1.18c.28.5.69.91 1.19 1.19c.06.04.12.07.18.1s.11.06.17.08c.08.04.17.07.25.09c.25.09.5.14.77.16v8.52c-.03 0-.06 0-.09.01"/></svg>
React
import type { SVGProps } from "react";
export function ReiconFormatSquareFilled(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="M20.75 16.5v-9c1.19-.5 2-1.67 2-3c0-1.79-1.46-3.25-3.25-3.25c-1.32 0-2.5.81-3 2h-9c-.5-1.19-1.67-2-3-2c-1.79 0-3.25 1.46-3.25 3.25c0 1.32.81 2.5 2 3v9c-1.19.5-2 1.67-2 3c0 1.79 1.46 3.25 3.25 3.25c1.32 0 2.5-.81 3-2h9c.5 1.19 1.67 2 3 2c1.79 0 3.25-1.46 3.25-3.25c0-1.32-.81-2.5-2-3m-1.59-.23c-.11.01-.21.03-.32.05q-.405.075-.78.27c-.06.03-.12.06-.18.1c-.5.28-.91.69-1.19 1.19c-.04.06-.07.12-.1.18q-.195.375-.27.78c-.02.11-.04.21-.05.32c-.01.03-.01.06-.01.09H7.74a3.4 3.4 0 0 0-.14-.72c-.02-.08-.05-.17-.09-.25c-.03-.07-.06-.14-.1-.22c-.03-.06-.06-.12-.1-.18c-.28-.5-.69-.91-1.19-1.19c-.06-.04-.12-.07-.18-.1c-.08-.04-.15-.07-.22-.1c-.08-.04-.17-.07-.25-.09a3.4 3.4 0 0 0-.72-.14V7.74c.26-.02.5-.07.74-.15c.09-.02.19-.06.28-.1c.05-.02.11-.05.17-.08s.12-.06.18-.1c.5-.28.91-.69 1.19-1.19c.04-.06.07-.12.1-.18s.06-.12.08-.17c.04-.09.08-.19.1-.28c.08-.24.13-.48.15-.74h8.52c.02.27.07.52.16.77c.02.08.05.17.09.25c.02.06.05.11.08.17s.06.12.1.18c.28.5.69.91 1.19 1.19c.06.04.12.07.18.1s.11.06.17.08c.08.04.17.07.25.09c.25.09.5.14.77.16v8.52c-.03 0-.06 0-.09.01"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.75 16.5v-9c1.19-.5 2-1.67 2-3c0-1.79-1.46-3.25-3.25-3.25c-1.32 0-2.5.81-3 2h-9c-.5-1.19-1.67-2-3-2c-1.79 0-3.25 1.46-3.25 3.25c0 1.32.81 2.5 2 3v9c-1.19.5-2 1.67-2 3c0 1.79 1.46 3.25 3.25 3.25c1.32 0 2.5-.81 3-2h9c.5 1.19 1.67 2 3 2c1.79 0 3.25-1.46 3.25-3.25c0-1.32-.81-2.5-2-3m-1.59-.23c-.11.01-.21.03-.32.05q-.405.075-.78.27c-.06.03-.12.06-.18.1c-.5.28-.91.69-1.19 1.19c-.04.06-.07.12-.1.18q-.195.375-.27.78c-.02.11-.04.21-.05.32c-.01.03-.01.06-.01.09H7.74a3.4 3.4 0 0 0-.14-.72c-.02-.08-.05-.17-.09-.25c-.03-.07-.06-.14-.1-.22c-.03-.06-.06-.12-.1-.18c-.28-.5-.69-.91-1.19-1.19c-.06-.04-.12-.07-.18-.1c-.08-.04-.15-.07-.22-.1c-.08-.04-.17-.07-.25-.09a3.4 3.4 0 0 0-.72-.14V7.74c.26-.02.5-.07.74-.15c.09-.02.19-.06.28-.1c.05-.02.11-.05.17-.08s.12-.06.18-.1c.5-.28.91-.69 1.19-1.19c.04-.06.07-.12.1-.18s.06-.12.08-.17c.04-.09.08-.19.1-.28c.08-.24.13-.48.15-.74h8.52c.02.27.07.52.16.77c.02.08.05.17.09.25c.02.06.05.11.08.17s.06.12.1.18c.28.5.69.91 1.19 1.19c.06.04.12.07.18.1s.11.06.17.08c.08.04.17.07.25.09c.25.09.5.14.77.16v8.52c-.03 0-.06 0-.09.01"/></svg> </template>
CSS
.icon-format-square-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%22M20.75%2016.5v-9c1.19-.5%202-1.67%202-3c0-1.79-1.46-3.25-3.25-3.25c-1.32%200-2.5.81-3%202h-9c-.5-1.19-1.67-2-3-2c-1.79%200-3.25%201.46-3.25%203.25c0%201.32.81%202.5%202%203v9c-1.19.5-2%201.67-2%203c0%201.79%201.46%203.25%203.25%203.25c1.32%200%202.5-.81%203-2h9c.5%201.19%201.67%202%203%202c1.79%200%203.25-1.46%203.25-3.25c0-1.32-.81-2.5-2-3m-1.59-.23c-.11.01-.21.03-.32.05q-.405.075-.78.27c-.06.03-.12.06-.18.1c-.5.28-.91.69-1.19%201.19c-.04.06-.07.12-.1.18q-.195.375-.27.78c-.02.11-.04.21-.05.32c-.01.03-.01.06-.01.09H7.74a3.4%203.4%200%200%200-.14-.72c-.02-.08-.05-.17-.09-.25c-.03-.07-.06-.14-.1-.22c-.03-.06-.06-.12-.1-.18c-.28-.5-.69-.91-1.19-1.19c-.06-.04-.12-.07-.18-.1c-.08-.04-.15-.07-.22-.1c-.08-.04-.17-.07-.25-.09a3.4%203.4%200%200%200-.72-.14V7.74c.26-.02.5-.07.74-.15c.09-.02.19-.06.28-.1c.05-.02.11-.05.17-.08s.12-.06.18-.1c.5-.28.91-.69%201.19-1.19c.04-.06.07-.12.1-.18s.06-.12.08-.17c.04-.09.08-.19.1-.28c.08-.24.13-.48.15-.74h8.52c.02.27.07.52.16.77c.02.08.05.17.09.25c.02.06.05.11.08.17s.06.12.1.18c.28.5.69.91%201.19%201.19c.06.04.12.07.18.1s.11.06.17.08c.08.04.17.07.25.09c.25.09.5.14.77.16v8.52c-.03%200-.06%200-.09.01%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%22M20.75%2016.5v-9c1.19-.5%202-1.67%202-3c0-1.79-1.46-3.25-3.25-3.25c-1.32%200-2.5.81-3%202h-9c-.5-1.19-1.67-2-3-2c-1.79%200-3.25%201.46-3.25%203.25c0%201.32.81%202.5%202%203v9c-1.19.5-2%201.67-2%203c0%201.79%201.46%203.25%203.25%203.25c1.32%200%202.5-.81%203-2h9c.5%201.19%201.67%202%203%202c1.79%200%203.25-1.46%203.25-3.25c0-1.32-.81-2.5-2-3m-1.59-.23c-.11.01-.21.03-.32.05q-.405.075-.78.27c-.06.03-.12.06-.18.1c-.5.28-.91.69-1.19%201.19c-.04.06-.07.12-.1.18q-.195.375-.27.78c-.02.11-.04.21-.05.32c-.01.03-.01.06-.01.09H7.74a3.4%203.4%200%200%200-.14-.72c-.02-.08-.05-.17-.09-.25c-.03-.07-.06-.14-.1-.22c-.03-.06-.06-.12-.1-.18c-.28-.5-.69-.91-1.19-1.19c-.06-.04-.12-.07-.18-.1c-.08-.04-.15-.07-.22-.1c-.08-.04-.17-.07-.25-.09a3.4%203.4%200%200%200-.72-.14V7.74c.26-.02.5-.07.74-.15c.09-.02.19-.06.28-.1c.05-.02.11-.05.17-.08s.12-.06.18-.1c.5-.28.91-.69%201.19-1.19c.04-.06.07-.12.1-.18s.06-.12.08-.17c.04-.09.08-.19.1-.28c.08-.24.13-.48.15-.74h8.52c.02.27.07.52.16.77c.02.08.05.17.09.25c.02.06.05.11.08.17s.06.12.1.18c.28.5.69.91%201.19%201.19c.06.04.12.07.18.1s.11.06.17.08c.08.04.17.07.25.09c.25.09.5.14.77.16v8.52c-.03%200-.06%200-.09.01%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/format-square-filled.svg?color=%231a73e8&size=48
