@fluentui/react-icons
Version:
Fluent System Icons are a collection of familiar, friendly, and modern icons from Microsoft.
18 lines (17 loc) • 9.74 kB
JavaScript
"use client";
import { createFluentIcon } from '../../utils/createFluentIcon';
export const BoardColor = ( /*#__PURE__*/createFluentIcon('BoardColor', "1em", `<path d="m17 12-3.5-.5-3.5.5-.5 2.5.5 2.5h4a3 3 0 0 0 3-3v-2Z" fill="url(#ic_fluent_board_20_color__a)"/><path d="m10 3-.5 4.5.5 4.5h7V6a3 3 0 0 0-3-3h-4Z" fill="url(#ic_fluent_board_20_color__b)"/><path d="M10 17V8l-3.5-.5L3 8v6a3 3 0 0 0 3 3h4Z" fill="url(#ic_fluent_board_20_color__c)"/><path d="M10 3v5H3V6a3 3 0 0 1 3-3h4Z" fill="url(#ic_fluent_board_20_color__d)"/><defs><linearGradient id="ic_fluent_board_20_color__a" x1="7" y1="9.5" x2="11.1" y2="18.88" gradientUnits="userSpaceOnUse"><stop stop-color="#B0F098"/><stop offset="1" stop-color="#52D17C"/></linearGradient><linearGradient id="ic_fluent_board_20_color__b" x1="11" y1="4" x2="16.33" y2="10.74" gradientUnits="userSpaceOnUse"><stop stop-color="#52D17C"/><stop offset="1" stop-color="#309C61"/></linearGradient><linearGradient id="ic_fluent_board_20_color__c" x1="4" y1="9" x2="9.46" y2="14.56" gradientUnits="userSpaceOnUse"><stop stop-color="#42B870"/><stop offset="1" stop-color="#1A7F7C"/></linearGradient><linearGradient id="ic_fluent_board_20_color__d" x1="4" y1="4" x2="6.07" y2="9.01" gradientUnits="userSpaceOnUse"><stop stop-color="#B0F098"/><stop offset="1" stop-color="#64DE89"/></linearGradient></defs>`, { color: true }));
export const BoardFilled = ( /*#__PURE__*/createFluentIcon('BoardFilled', "1em", ["M9.5 3v4H3V6a3 3 0 0 1 3-3h3.5Zm1 0v9H17V6a3 3 0 0 0-3-3h-3.5ZM17 13h-6.5v4H14a3 3 0 0 0 3-3v-1Zm-7.5 4V8H3v6a3 3 0 0 0 3 3h3.5Z"]));
export const BoardRegular = ( /*#__PURE__*/createFluentIcon('BoardRegular', "1em", ["M3 6a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6Zm3-2a2 2 0 0 0-2 2v1.06L9.5 7V4H6Zm4.5 0v8H16V6a2 2 0 0 0-2-2h-3.5Zm5.5 9h-5.5v3H14a2 2 0 0 0 2-2v-1Zm-6.5 3V8L4 8.06V14c0 1.1.9 2 2 2h3.5Z"]));
export const Board16Regular = ( /*#__PURE__*/createFluentIcon('Board16Regular', "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-7ZM4.5 3C3.67 3 3 3.67 3 4.5V5h4.5V3h-3Zm4 0v7H13V4.5c0-.83-.67-1.5-1.5-1.5h-3Zm4.5 8H8.5v2h3c.83 0 1.5-.67 1.5-1.5V11Zm-5.5 2V6H3v5.5c0 .83.67 1.5 1.5 1.5h3Z"]));
export const Board16Filled = ( /*#__PURE__*/createFluentIcon('Board16Filled', "16", ["M7.5 2v3H2v-.5A2.5 2.5 0 0 1 4.5 2h3Zm1 0v8H14V4.5A2.5 2.5 0 0 0 11.5 2h-3Zm5.5 9H8.5v3h3a2.5 2.5 0 0 0 2.5-2.5V11Zm-6.5 3V6H2v5.5A2.5 2.5 0 0 0 4.5 14h3Z"]));
export const Board16Color = ( /*#__PURE__*/createFluentIcon('Board16Color', "16", `<path d="m14 10-3-1-3 1-1 2 1 2h3.5a2.5 2.5 0 0 0 2.5-2.5V10Z" fill="url(#ic_fluent_board_16_color__a)"/><path d="M8 2 7 6l1 4h6V4.5A2.5 2.5 0 0 0 11.5 2H8Z" fill="url(#ic_fluent_board_16_color__b)"/><path d="M8 14V6L5 5 2 6v5.5A2.5 2.5 0 0 0 4.5 14H8Z" fill="url(#ic_fluent_board_16_color__c)"/><path d="M8 2v4H2V4.5A2.5 2.5 0 0 1 4.5 2H8Z" fill="url(#ic_fluent_board_16_color__d)"/><defs><linearGradient id="ic_fluent_board_16_color__a" x1="4.67" y1="7.18" x2="8.33" y2="15.78" gradientUnits="userSpaceOnUse"><stop stop-color="#B0F098"/><stop offset="1" stop-color="#52D17C"/></linearGradient><linearGradient id="ic_fluent_board_16_color__b" x1="8.4" y1="2.89" x2="13.08" y2="9.1" gradientUnits="userSpaceOnUse"><stop stop-color="#52D17C"/><stop offset="1" stop-color="#309C61"/></linearGradient><linearGradient id="ic_fluent_board_16_color__c" x1="2.86" y1="6.42" x2="8.01" y2="11.17" gradientUnits="userSpaceOnUse"><stop stop-color="#42B870"/><stop offset="1" stop-color="#1A7F7C"/></linearGradient><linearGradient id="ic_fluent_board_16_color__d" x1="2.86" y1="2.8" x2="4.43" y2="6.88" gradientUnits="userSpaceOnUse"><stop stop-color="#B0F098"/><stop offset="1" stop-color="#64DE89"/></linearGradient></defs>`, { color: true }));
export const Board20Regular = ( /*#__PURE__*/createFluentIcon('Board20Regular', "20", ["M3 6a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6Zm3-2a2 2 0 0 0-2 2v1.06L9.5 7V4H6Zm4.5 0v8H16V6a2 2 0 0 0-2-2h-3.5Zm5.5 9h-5.5v3H14a2 2 0 0 0 2-2v-1Zm-6.5 3V8L4 8.06V14c0 1.1.9 2 2 2h3.5Z"]));
export const Board20Filled = ( /*#__PURE__*/createFluentIcon('Board20Filled', "20", ["M9.5 3v4H3V6a3 3 0 0 1 3-3h3.5Zm1 0v9H17V6a3 3 0 0 0-3-3h-3.5ZM17 13h-6.5v4H14a3 3 0 0 0 3-3v-1Zm-7.5 4V8H3v6a3 3 0 0 0 3 3h3.5Z"]));
export const Board20Color = ( /*#__PURE__*/createFluentIcon('Board20Color', "20", `<path d="m17 12-3.5-.5-3.5.5-.5 2.5.5 2.5h4a3 3 0 0 0 3-3v-2Z" fill="url(#ic_fluent_board_20_color__a)"/><path d="m10 3-.5 4.5.5 4.5h7V6a3 3 0 0 0-3-3h-4Z" fill="url(#ic_fluent_board_20_color__b)"/><path d="M10 17V8l-3.5-.5L3 8v6a3 3 0 0 0 3 3h4Z" fill="url(#ic_fluent_board_20_color__c)"/><path d="M10 3v5H3V6a3 3 0 0 1 3-3h4Z" fill="url(#ic_fluent_board_20_color__d)"/><defs><linearGradient id="ic_fluent_board_20_color__a" x1="7" y1="9.5" x2="11.1" y2="18.88" gradientUnits="userSpaceOnUse"><stop stop-color="#B0F098"/><stop offset="1" stop-color="#52D17C"/></linearGradient><linearGradient id="ic_fluent_board_20_color__b" x1="11" y1="4" x2="16.33" y2="10.74" gradientUnits="userSpaceOnUse"><stop stop-color="#52D17C"/><stop offset="1" stop-color="#309C61"/></linearGradient><linearGradient id="ic_fluent_board_20_color__c" x1="4" y1="9" x2="9.46" y2="14.56" gradientUnits="userSpaceOnUse"><stop stop-color="#42B870"/><stop offset="1" stop-color="#1A7F7C"/></linearGradient><linearGradient id="ic_fluent_board_20_color__d" x1="4" y1="4" x2="6.07" y2="9.01" gradientUnits="userSpaceOnUse"><stop stop-color="#B0F098"/><stop offset="1" stop-color="#64DE89"/></linearGradient></defs>`, { color: true }));
export const Board24Regular = ( /*#__PURE__*/createFluentIcon('Board24Regular', "24", ["M18.25 2.5a3.25 3.25 0 0 1 3.25 3.06v12.19c0 1.8-1.45 3.25-3.25 3.25h-12a3.25 3.25 0 0 1-3.24-3.06L3 17.75v-12C3 3.95 4.46 2.5 6.25 2.5h12Zm-6.75 7h-7v8.41c.09.9.84 1.6 1.75 1.6h5.25V9.5Zm8.5 6h-7v4h5.25c.97 0 1.75-.78 1.75-1.75V15.5ZM18.25 4H13v10h7V5.59a1.75 1.75 0 0 0-1.75-1.6ZM11.5 4H6.11c-.9.08-1.6.83-1.6 1.75L4.5 8h7V4Z"]));
export const Board24Filled = ( /*#__PURE__*/createFluentIcon('Board24Filled', "24", ["M11.5 9.5V21H6.25a3.25 3.25 0 0 1-3.24-3.06L3 17.75V9.5h8.5Zm1.5 6h8.5v2.25c0 1.8-1.45 3.25-3.25 3.25H13v-5.5Zm5.25-13a3.25 3.25 0 0 1 3.25 3.06V14H13V2.5h5.25Zm-6.75 0V8H3V5.75C3 3.95 4.46 2.5 6.25 2.5h5.25Z"]));
export const Board24Color = ( /*#__PURE__*/createFluentIcon('Board24Color', "24", `<path d="m12 15 4.5-1 4.5 1v2.75c0 1.8-1.45 3.25-3.25 3.25H12l-1-3 1-3Z" fill="url(#ic_fluent_board_24_color__a)"/><path d="M17.75 3A3.25 3.25 0 0 1 21 6.07V15h-9l-1-6 1-6h5.75Z" fill="url(#ic_fluent_board_24_color__b)"/><path d="M12 9v12H6.25a3.25 3.25 0 0 1-3.24-3.06L3 17.75V9l4.5-1L12 9Z" fill="url(#ic_fluent_board_24_color__c)"/><path d="M12 3v6H3V6.25C3 4.45 4.46 3 6.25 3H12Z" fill="url(#ic_fluent_board_24_color__d)"/><defs><linearGradient id="ic_fluent_board_24_color__a" x1="7.67" y1="11.45" x2="12.72" y2="23.56" gradientUnits="userSpaceOnUse"><stop stop-color="#B0F098"/><stop offset="1" stop-color="#52D17C"/></linearGradient><linearGradient id="ic_fluent_board_24_color__b" x1="13" y1="4.33" x2="20.1" y2="13.32" gradientUnits="userSpaceOnUse"><stop stop-color="#52D17C"/><stop offset="1" stop-color="#309C61"/></linearGradient><linearGradient id="ic_fluent_board_24_color__c" x1="4.29" y1="10.05" x2="11.75" y2="17.2" gradientUnits="userSpaceOnUse"><stop stop-color="#42B870"/><stop offset="1" stop-color="#1A7F7C"/></linearGradient><linearGradient id="ic_fluent_board_24_color__d" x1="4.29" y1="4.2" x2="6.65" y2="10.32" gradientUnits="userSpaceOnUse"><stop stop-color="#B0F098"/><stop offset="1" stop-color="#64DE89"/></linearGradient></defs>`, { color: true }));
export const Board28Regular = ( /*#__PURE__*/createFluentIcon('Board28Regular', "28", ["M6.75 3A3.75 3.75 0 0 0 3 6.75v14.5A3.75 3.75 0 0 0 6.75 25h14.5A3.75 3.75 0 0 0 25 21.25V6.75A3.75 3.75 0 0 0 21.25 3H6.75ZM4.5 6.75c0-1.24 1-2.25 2.25-2.25h6.75v5h-9V6.75Zm0 4.25h9v12.5H6.75c-1.24 0-2.25-1-2.25-2.25V11ZM15 23.5V18h8.5v3.25c0 1.24-1 2.25-2.25 2.25H15Zm8.5-7H15v-12h6.25c1.24 0 2.25 1 2.25 2.25v9.75Z"]));
export const Board28Filled = ( /*#__PURE__*/createFluentIcon('Board28Filled', "28", ["M13.5 3v6.5H3V6.75A3.75 3.75 0 0 1 6.75 3h6.75ZM15 3v13.5h10V6.75A3.75 3.75 0 0 0 21.25 3H15Zm10 15H15v7h6.25A3.75 3.75 0 0 0 25 21.25V18Zm-11.5 7V11H3v10.25A3.75 3.75 0 0 0 6.75 25h6.75Z"]));
export const Board28Color = ( /*#__PURE__*/createFluentIcon('Board28Color', "28", `<path d="m25 18-5.5-1-5.5 1-1 3.5 1 3.5h7.25A3.75 3.75 0 0 0 25 21.25V18Z" fill="url(#ic_fluent_board_28_color__a)"/><path d="m14 3-1 7.5 1 7.5h11V6.75A3.75 3.75 0 0 0 21.25 3H14Z" fill="url(#ic_fluent_board_28_color__b)"/><path d="M14 25V11l-5.5-1L3 11v10.25A3.75 3.75 0 0 0 6.75 25H14Z" fill="url(#ic_fluent_board_28_color__c)"/><path d="M14 3v8H3V6.75A3.75 3.75 0 0 1 6.75 3H14Z" fill="url(#ic_fluent_board_28_color__d)"/><defs><linearGradient id="ic_fluent_board_28_color__a" x1="9" y1="14.09" x2="14.58" y2="28.12" gradientUnits="userSpaceOnUse"><stop stop-color="#B0F098"/><stop offset="1" stop-color="#52D17C"/></linearGradient><linearGradient id="ic_fluent_board_28_color__b" x1="15.4" y1="4.67" x2="24.36" y2="15.55" gradientUnits="userSpaceOnUse"><stop stop-color="#52D17C"/><stop offset="1" stop-color="#309C61"/></linearGradient><linearGradient id="ic_fluent_board_28_color__c" x1="4.57" y1="12.37" x2="13.19" y2="21.11" gradientUnits="userSpaceOnUse"><stop stop-color="#42B870"/><stop offset="1" stop-color="#1A7F7C"/></linearGradient><linearGradient id="ic_fluent_board_28_color__d" x1="4.57" y1="4.6" x2="7.93" y2="12.57" gradientUnits="userSpaceOnUse"><stop stop-color="#B0F098"/><stop offset="1" stop-color="#64DE89"/></linearGradient></defs>`, { color: true }));