@fluentui/react-icons
Version:
Fluent System Icons are a collection of familiar, friendly, and modern icons from Microsoft.
25 lines (24 loc) • 12.3 kB
JavaScript
"use client";
import { createFluentIcon } from '../../utils/createFluentIcon';
export const TableColor = ( /*#__PURE__*/createFluentIcon('TableColor', "1em", `<rect x="3" y="3" width="14" height="14" rx="3.5" fill="url(#ic_fluent_table_20_color__a)"/><path d="M13 17h1.5a2.5 2.5 0 0 0 2.5-2.5V13h-4v4Zm0-5V8h4v4h-4Zm-1 0H8V8h4v4Zm-4 1h4v4H8v-4Zm-1-1V8H3v4h4Zm-4 1h4v4H5.5A2.5 2.5 0 0 1 3 14.5V13Zm10-6h4V5.5A2.5 2.5 0 0 0 14.5 3H13v4Zm-1-4v4H8V3h4ZM7 3v4H3V5.5A2.5 2.5 0 0 1 5.5 3H7Z" fill="url(#ic_fluent_table_20_color__b)"/><defs><linearGradient id="ic_fluent_table_20_color__a" x1="4" y1="4" x2="16" y2="16" gradientUnits="userSpaceOnUse"><stop stop-color="#B0F098"/><stop offset="1" stop-color="#98F0B0"/></linearGradient><linearGradient id="ic_fluent_table_20_color__b" x1="3" y1="3" x2="17" y2="17" gradientUnits="userSpaceOnUse"><stop stop-color="#42B870"/><stop offset="1" stop-color="#1A7F7C"/></linearGradient></defs>`, { color: true }));
export const TableFilled = ( /*#__PURE__*/createFluentIcon('TableFilled', "1em", ["M13 17h1.5a2.5 2.5 0 0 0 2.5-2.5V13h-4v4Zm0-5V8h4v4h-4Zm-1 0H8V8h4v4Zm-4 1h4v4H8v-4Zm-1-1V8H3v4h4Zm-4 1h4v4H5.5A2.5 2.5 0 0 1 3 14.5V13Zm10-6h4V5.5A2.5 2.5 0 0 0 14.5 3H13v4Zm-1-4v4H8V3h4ZM7 3v4H3V5.5A2.5 2.5 0 0 1 5.5 3H7Z"]));
export const TableRegular = ( /*#__PURE__*/createFluentIcon('TableRegular', "1em", ["M17 5.5A2.5 2.5 0 0 0 14.5 3h-9A2.5 2.5 0 0 0 3 5.5v9A2.5 2.5 0 0 0 5.5 17h9a2.5 2.5 0 0 0 2.5-2.5v-9Zm-13 9V13h3v3H5.36A1.5 1.5 0 0 1 4 14.5Zm8-1.5v3H8v-3h4Zm2.5 3H13v-3h3V14.64A1.5 1.5 0 0 1 14.5 16ZM12 8v4H8V8h4Zm1 0h3v4h-3V8Zm-1-4v3H8V4h4Zm1 0H14.64A1.5 1.5 0 0 1 16 5.5V7h-3V4ZM7 4v3H4V5.36A1.5 1.5 0 0 1 5.5 4H7Zm0 4v4H4V8h3Z"]));
export const Table16Regular = ( /*#__PURE__*/createFluentIcon('Table16Regular', "16", ["M2 4.5A2.5 2.5 0 0 1 4.5 2h7A2.5 2.5 0 0 1 14 4.5v7a2.5 2.5 0 0 1-2.5 2.5h-7A2.5 2.5 0 0 1 2 11.5v-7ZM6 13h4v-2H6v2Zm-1-2H3v.5c0 .83.67 1.5 1.5 1.5H5v-2Zm1-1h4V6H6v4ZM5 6H3v4h2V6Zm1-1h4V3H6v2ZM5 3h-.5C3.67 3 3 3.67 3 4.5V5h2V3Zm8 3h-2v4h2V6Zm0 5h-2v2h.5c.83 0 1.5-.67 1.5-1.5V11Zm0-6v-.5c0-.83-.67-1.5-1.5-1.5H11v2h2Z"]));
export const Table16Filled = ( /*#__PURE__*/createFluentIcon('Table16Filled', "16", ["M4.5 2A2.5 2.5 0 0 0 2 4.5V5h3V2h-.5ZM6 2v3h4V2H6ZM5 6H2v4h3V6Zm1 4V6h4v4H6Zm-1 1H2v.5A2.5 2.5 0 0 0 4.5 14H5v-3Zm1 3h4v-3H6v3Zm5 0v-3h3v.5a2.5 2.5 0 0 1-2.5 2.5H11Zm3-8v4h-3V6h3Zm0-1v-.5A2.5 2.5 0 0 0 11.5 2H11v3h3Z"]));
export const Table16Color = ( /*#__PURE__*/createFluentIcon('Table16Color', "16", `<rect x="2" y="2" width="12" height="12" rx="3" fill="url(#ic_fluent_table_16_color__a)"/><path d="M4.5 2A2.5 2.5 0 0 0 2 4.5V5h3V2h-.5ZM6 2v3h4V2H6ZM5 6H2v4h3V6Zm1 4V6h4v4H6Zm-1 1H2v.5A2.5 2.5 0 0 0 4.5 14H5v-3Zm1 3h4v-3H6v3Zm5 0v-3h3v.5a2.5 2.5 0 0 1-2.5 2.5H11Zm3-8v4h-3V6h3Zm0-1v-.5A2.5 2.5 0 0 0 11.5 2H11v3h3Z" fill="url(#ic_fluent_table_16_color__b)"/><defs><linearGradient id="ic_fluent_table_16_color__a" x1="2.86" y1="2.86" x2="13.14" y2="13.14" gradientUnits="userSpaceOnUse"><stop stop-color="#B0F098"/><stop offset="1" stop-color="#98F0B0"/></linearGradient><linearGradient id="ic_fluent_table_16_color__b" x1="2" y1="2" x2="14" y2="14" gradientUnits="userSpaceOnUse"><stop stop-color="#42B870"/><stop offset="1" stop-color="#1A7F7C"/></linearGradient></defs>`, { color: true }));
export const Table20Regular = ( /*#__PURE__*/createFluentIcon('Table20Regular', "20", ["M17 5.5A2.5 2.5 0 0 0 14.5 3h-9A2.5 2.5 0 0 0 3 5.5v9A2.5 2.5 0 0 0 5.5 17h9a2.5 2.5 0 0 0 2.5-2.5v-9Zm-13 9V13h3v3H5.36A1.5 1.5 0 0 1 4 14.5Zm8-1.5v3H8v-3h4Zm2.5 3H13v-3h3V14.64A1.5 1.5 0 0 1 14.5 16ZM12 8v4H8V8h4Zm1 0h3v4h-3V8Zm-1-4v3H8V4h4Zm1 0H14.64A1.5 1.5 0 0 1 16 5.5V7h-3V4ZM7 4v3H4V5.36A1.5 1.5 0 0 1 5.5 4H7Zm0 4v4H4V8h3Z"]));
export const Table20Filled = ( /*#__PURE__*/createFluentIcon('Table20Filled', "20", ["M13 17h1.5a2.5 2.5 0 0 0 2.5-2.5V13h-4v4Zm0-5V8h4v4h-4Zm-1 0H8V8h4v4Zm-4 1h4v4H8v-4Zm-1-1V8H3v4h4Zm-4 1h4v4H5.5A2.5 2.5 0 0 1 3 14.5V13Zm10-6h4V5.5A2.5 2.5 0 0 0 14.5 3H13v4Zm-1-4v4H8V3h4ZM7 3v4H3V5.5A2.5 2.5 0 0 1 5.5 3H7Z"]));
export const Table20Color = ( /*#__PURE__*/createFluentIcon('Table20Color', "20", `<rect x="3" y="3" width="14" height="14" rx="3.5" fill="url(#ic_fluent_table_20_color__a)"/><path d="M13 17h1.5a2.5 2.5 0 0 0 2.5-2.5V13h-4v4Zm0-5V8h4v4h-4Zm-1 0H8V8h4v4Zm-4 1h4v4H8v-4Zm-1-1V8H3v4h4Zm-4 1h4v4H5.5A2.5 2.5 0 0 1 3 14.5V13Zm10-6h4V5.5A2.5 2.5 0 0 0 14.5 3H13v4Zm-1-4v4H8V3h4ZM7 3v4H3V5.5A2.5 2.5 0 0 1 5.5 3H7Z" fill="url(#ic_fluent_table_20_color__b)"/><defs><linearGradient id="ic_fluent_table_20_color__a" x1="4" y1="4" x2="16" y2="16" gradientUnits="userSpaceOnUse"><stop stop-color="#B0F098"/><stop offset="1" stop-color="#98F0B0"/></linearGradient><linearGradient id="ic_fluent_table_20_color__b" x1="3" y1="3" x2="17" y2="17" gradientUnits="userSpaceOnUse"><stop stop-color="#42B870"/><stop offset="1" stop-color="#1A7F7C"/></linearGradient></defs>`, { color: true }));
export const Table24Regular = ( /*#__PURE__*/createFluentIcon('Table24Regular', "24", ["M3 6.25C3 4.45 4.46 3 6.25 3h11.5C19.55 3 21 4.46 21 6.25v11.5c0 1.8-1.46 3.25-3.25 3.25H6.25A3.25 3.25 0 0 1 3 17.75V6.25ZM6.25 4.5c-.97 0-1.75.78-1.75 1.75V8.5h4v-4H6.25ZM4.5 10v4h4v-4h-4Zm5.5 0v4h4v-4h-4Zm5.5 0v4h4v-4h-4ZM14 15.5h-4v4h4v-4Zm1.5 4h2.25c.97 0 1.75-.78 1.75-1.75V15.5h-4v4Zm0-11h4V6.25c0-.97-.78-1.75-1.75-1.75H15.5v4Zm-1.5-4h-4v4h4v-4Zm-9.5 11v2.25c0 .97.78 1.75 1.75 1.75H8.5v-4h-4Z"]));
export const Table24Filled = ( /*#__PURE__*/createFluentIcon('Table24Filled', "24", ["M9.5 21h5v-5h-5v5Zm6.5 0h1.75c1.8 0 3.25-1.46 3.25-3.25V16h-5v5Zm5-6.5v-5h-5v5h5ZM21 8V6.25C21 4.45 19.54 3 17.75 3H16v5h5Zm-6.5-5h-5v5h5V3ZM8 3H6.25A3.25 3.25 0 0 0 3 6.25V8h5V3ZM3 9.5v5h5v-5H3ZM3 16v1.75C3 19.55 4.46 21 6.25 21H8v-5H3Zm11.5-6.5v5h-5v-5h5Z"]));
export const Table24Color = ( /*#__PURE__*/createFluentIcon('Table24Color', "24", `<rect x="3" y="3" width="18" height="18" rx="4" fill="url(#ic_fluent_table_24_color__a)"/><path d="M9.5 21h5v-5h-5v5Zm6.5 0h1.75c1.8 0 3.25-1.46 3.25-3.25V16h-5v5Zm5-6.5v-5h-5v5h5ZM21 8V6.25C21 4.45 19.54 3 17.75 3H16v5h5Zm-6.5-5h-5v5h5V3ZM8 3H6.25A3.25 3.25 0 0 0 3 6.25V8h5V3ZM3 9.5v5h5v-5H3ZM3 16v1.75C3 19.55 4.46 21 6.25 21H8v-5H3Zm11.5-6.5v5h-5v-5h5Z" fill="url(#ic_fluent_table_24_color__b)"/><defs><linearGradient id="ic_fluent_table_24_color__a" x1="4.29" y1="4.29" x2="19.71" y2="19.71" gradientUnits="userSpaceOnUse"><stop stop-color="#B0F098"/><stop offset="1" stop-color="#98F0B0"/></linearGradient><linearGradient id="ic_fluent_table_24_color__b" x1="3" y1="3" x2="21" y2="21" gradientUnits="userSpaceOnUse"><stop stop-color="#42B870"/><stop offset="1" stop-color="#1A7F7C"/></linearGradient></defs>`, { color: true }));
export const Table28Regular = ( /*#__PURE__*/createFluentIcon('Table28Regular', "28", ["M3 6.75A3.75 3.75 0 0 1 6.75 3h14.5A3.75 3.75 0 0 1 25 6.75v14.5A3.75 3.75 0 0 1 21.25 25H6.75A3.75 3.75 0 0 1 3 21.25V6.75ZM4.5 18.5v2.75c0 1.24 1 2.25 2.25 2.25H9.5v-5h-5Zm5-1.5v-6h-5v6h5Zm1.5 1.5v5h6v-5h-6Zm6-1.5v-6h-6v6h6Zm1.5 1.5v5h2.75c1.24 0 2.25-1 2.25-2.25V18.5h-5Zm5-1.5v-6h-5v6h5Zm0-10.25c0-1.24-1-2.25-2.25-2.25H18.5v5h5V6.75ZM17 4.5h-6v5h6v-5Zm-7.5 0H6.75c-1.24 0-2.25 1-2.25 2.25V9.5h5v-5Z"]));
export const Table28Filled = ( /*#__PURE__*/createFluentIcon('Table28Filled', "28", ["M3 6.75A3.75 3.75 0 0 1 6.75 3H9.5v6.5H3V6.75ZM3 11v6h6.5v-6H3Zm0 7.5v2.75A3.75 3.75 0 0 0 6.75 25H9.5v-6.5H3Zm8 6.5h6v-6.5h-6V25Zm7.5 0h2.75A3.75 3.75 0 0 0 25 21.25V18.5h-6.5V25Zm6.5-8v-6h-6.5v6H25Zm0-7.5V6.75A3.75 3.75 0 0 0 21.25 3H18.5v6.5H25ZM17 3h-6v6.5h6V3Zm0 8v6h-6v-6h6Z"]));
export const Table28Color = ( /*#__PURE__*/createFluentIcon('Table28Color', "28", `<rect x="3" y="3" width="22" height="22" rx="5" fill="url(#ic_fluent_table_28_color__a)"/><path d="M3 6.75A3.75 3.75 0 0 1 6.75 3H9.5v6.5H3V6.75ZM3 11v6h6.5v-6H3Zm0 7.5v2.75A3.75 3.75 0 0 0 6.75 25H9.5v-6.5H3Zm8 6.5h6v-6.5h-6V25Zm7.5 0h2.75A3.75 3.75 0 0 0 25 21.25V18.5h-6.5V25Zm6.5-8v-6h-6.5v6H25Zm0-7.5V6.75A3.75 3.75 0 0 0 21.25 3H18.5v6.5H25ZM17 3h-6v6.5h6V3Zm0 8v6h-6v-6h6Z" fill="url(#ic_fluent_table_28_color__b)"/><defs><linearGradient id="ic_fluent_table_28_color__a" x1="4.57" y1="4.57" x2="23.43" y2="23.43" gradientUnits="userSpaceOnUse"><stop stop-color="#B0F098"/><stop offset="1" stop-color="#98F0B0"/></linearGradient><linearGradient id="ic_fluent_table_28_color__b" x1="3" y1="3" x2="25" y2="25" gradientUnits="userSpaceOnUse"><stop stop-color="#42B870"/><stop offset="1" stop-color="#1A7F7C"/></linearGradient></defs>`, { color: true }));
export const Table32Regular = ( /*#__PURE__*/createFluentIcon('Table32Regular', "32", ["M4 9a5 5 0 0 1 5-5h14a5 5 0 0 1 5 5v14a5 5 0 0 1-5 5H9a5 5 0 0 1-5-5V9Zm5-3a3 3 0 0 0-3 3v2h5V6H9Zm4 0v5h6V6h-6Zm0 7v6h6v-6h-6Zm-2 6v-6H6v6h5Zm-5 2v2a3 3 0 0 0 3 3h2v-5H6Zm7 0v5h6v-5h-6Zm8 0v5h2a3 3 0 0 0 3-3v-2h-5Zm5-2v-6h-5v6h5ZM21 6v5h5V9a3 3 0 0 0-3-3h-2Z"]));
export const Table32Filled = ( /*#__PURE__*/createFluentIcon('Table32Filled', "32", ["M20 4h-8v6h8V4Z", "M20 12h-8v8h8v-8Z", "M22 20v-8h6v8h-6Z", "M20 22h-8v6h8v-6Z", "M22 28v-6h6v1a5 5 0 0 1-5 5h-1Z", "M22 10V4h1a5 5 0 0 1 5 5v1h-6Z", "M9 4h1v6H4V9a5 5 0 0 1 5-5Z", "M4 12h6v8H4v-8Z", "M4 22h6v6H9a5 5 0 0 1-5-5v-1Z"]));
export const Table32Light = ( /*#__PURE__*/createFluentIcon('Table32Light', "32", ["M3 7.5A4.5 4.5 0 0 1 7.5 3h17A4.5 4.5 0 0 1 29 7.5v17a4.5 4.5 0 0 1-4.5 4.5h-17A4.5 4.5 0 0 1 3 24.5v-17ZM4 21v3.5A3.5 3.5 0 0 0 7.5 28H11v-7H4Zm7-1v-8H4v8h7Zm1 1v7h8v-7h-8Zm8-1v-8h-8v8h8Zm1 1v7h3.5a3.5 3.5 0 0 0 3.5-3.5V21h-7Zm7-1v-8h-7v8h7ZM7.5 4A3.5 3.5 0 0 0 4 7.5V11h7V4H7.5ZM20 4h-8v7h8V4Zm1 0v7h7V7.5A3.5 3.5 0 0 0 24.5 4H21Z"]));
export const Table32Color = ( /*#__PURE__*/createFluentIcon('Table32Color', "32", `<rect x="3" y="3" width="26" height="26" rx="6" fill="url(#ic_fluent_table_32_color__a)"/><path d="M22 29h2.5a4.5 4.5 0 0 0 4.5-4.5V22h-7v7Zm0-9h7v-8h-7v8Zm-2-8v8h-8v-8h8Zm2-2h7V7.5A4.5 4.5 0 0 0 24.5 3H22v7Zm-2-7v7h-8V3h8Zm0 19v7h-8v-7h8Zm-10-2v-8H3v8h7Zm0-10V3H7.5A4.5 4.5 0 0 0 3 7.5V10h7Zm0 19v-7H3v2.5A4.5 4.5 0 0 0 7.5 29H10Z" fill="url(#ic_fluent_table_32_color__b)"/><defs><linearGradient id="ic_fluent_table_32_color__a" x1="4.86" y1="4.86" x2="27.14" y2="27.14" gradientUnits="userSpaceOnUse"><stop stop-color="#B0F098"/><stop offset="1" stop-color="#98F0B0"/></linearGradient><linearGradient id="ic_fluent_table_32_color__b" x1="3" y1="3" x2="29" y2="29" gradientUnits="userSpaceOnUse"><stop stop-color="#42B870"/><stop offset="1" stop-color="#1A7F7C"/></linearGradient></defs>`, { color: true }));
export const Table48Regular = ( /*#__PURE__*/createFluentIcon('Table48Regular', "48", ["M35.75 6C39.2 6 42 8.8 42 12.25v23.5C42 39.2 39.2 42 35.75 42h-23.5A6.25 6.25 0 0 1 6 35.75v-23.5C6 8.8 8.8 6 12.25 6h23.5ZM8.5 19.5v9H17v-9H8.5Zm0 11.5v4.75a3.75 3.75 0 0 0 3.75 3.75H17V31H8.5Zm11 8.5h9V31h-9v8.5Zm11.5 0h4.75a3.75 3.75 0 0 0 3.75-3.75V31H31v8.5Zm8.5-11v-9H31v9h8.5Zm0-11.5v-4.75a3.75 3.75 0 0 0-3.75-3.75H31V17h8.5Zm-11-8.5h-9V17h9V8.5ZM17 8.5h-4.75a3.75 3.75 0 0 0-3.75 3.75V17H17V8.5Zm11.5 20v-9h-9v9h9Z"]));
export const Table48Filled = ( /*#__PURE__*/createFluentIcon('Table48Filled', "48", ["M12.25 6A6.25 6.25 0 0 0 6 12.25v4.25h10.5V6h-4.25ZM19 6v10.5h10V6H19Zm-2.5 13H6v10h10.5V19ZM19 29V19h10v10H19Zm-2.5 2.5H6v4.25C6 39.2 8.8 42 12.25 42h4.25V31.5ZM19 42h10V31.5H19V42Zm12.5 0V31.5H42v4.25C42 39.2 39.2 42 35.75 42H31.5ZM42 19v10H31.5V19H42Zm0-2.5v-4.25C42 8.8 39.2 6 35.75 6H31.5v10.5H42Z"]));
export const Table48Color = ( /*#__PURE__*/createFluentIcon('Table48Color', "48", `<rect x="6" y="6" width="36" height="36" rx="8.5" fill="url(#ic_fluent_table_48_color__a)"/><path d="M12.25 6A6.25 6.25 0 0 0 6 12.25v4.25h10.5V6h-4.25ZM19 6v10.5h10V6H19Zm-2.5 13H6v10h10.5V19ZM19 29V19h10v10H19Zm-2.5 2.5H6v4.25C6 39.2 8.8 42 12.25 42h4.25V31.5ZM19 42h10V31.5H19V42Zm12.5 0V31.5H42v4.25C42 39.2 39.2 42 35.75 42H31.5ZM42 19v10H31.5V19H42Zm0-2.5v-4.25C42 8.8 39.2 6 35.75 6H31.5v10.5H42Z" fill="url(#ic_fluent_table_48_color__b)"/><defs><linearGradient id="ic_fluent_table_48_color__a" x1="8.57" y1="8.57" x2="39.43" y2="39.43" gradientUnits="userSpaceOnUse"><stop stop-color="#B0F098"/><stop offset="1" stop-color="#98F0B0"/></linearGradient><linearGradient id="ic_fluent_table_48_color__b" x1="6" y1="6" x2="42" y2="42" gradientUnits="userSpaceOnUse"><stop stop-color="#42B870"/><stop offset="1" stop-color="#1A7F7C"/></linearGradient></defs>`, { color: true }));