@fluentui/react-icons
Version:
Fluent System Icons are a collection of familiar, friendly, and modern icons from Microsoft.
18 lines (17 loc) • 13.1 kB
JavaScript
"use client";
import { createFluentIcon } from '../../utils/createFluentIcon';
export const ListBarColor = ( /*#__PURE__*/createFluentIcon('ListBarColor', "1em", `<path d="M15.5 7H7l-.5-2L7 3h8.5c.83 0 1.5.67 1.5 1.5v1c0 .83-.67 1.5-1.5 1.5Z" fill="url(#ic_fluent_list_bar_20_color__a)"/><path d="M7 12h8.5c.83 0 1.5-.67 1.5-1.5v-1c0-.83-.67-1.5-1.5-1.5H7l-.5 2 .5 2Z" fill="url(#ic_fluent_list_bar_20_color__b)"/><path d="M7 17h8.5c.83 0 1.5-.67 1.5-1.5v-1c0-.83-.67-1.5-1.5-1.5H7l-.5 2 .5 2Z" fill="url(#ic_fluent_list_bar_20_color__c)"/><path d="M7 7V3H4.5C3.67 3 3 3.67 3 4.5v1C3 6.33 3.67 7 4.5 7H7Z" fill="url(#ic_fluent_list_bar_20_color__d)"/><path d="M7 8v4H4.5A1.5 1.5 0 0 1 3 10.5v-1C3 8.67 3.67 8 4.5 8H7Z" fill="url(#ic_fluent_list_bar_20_color__e)"/><path d="M7 13v4H4.5A1.5 1.5 0 0 1 3 15.5v-1c0-.83.67-1.5 1.5-1.5H7Z" fill="url(#ic_fluent_list_bar_20_color__f)"/><defs><linearGradient id="ic_fluent_list_bar_20_color__a" x1="4.92" y1="1" x2="16.95" y2="16.21" gradientUnits="userSpaceOnUse"><stop stop-color="#36DFF1"/><stop offset="1" stop-color="#0094F0"/></linearGradient><linearGradient id="ic_fluent_list_bar_20_color__b" x1="4.92" y1="1" x2="16.95" y2="16.21" gradientUnits="userSpaceOnUse"><stop stop-color="#36DFF1"/><stop offset="1" stop-color="#0094F0"/></linearGradient><linearGradient id="ic_fluent_list_bar_20_color__c" x1="4.92" y1="1" x2="16.95" y2="16.21" gradientUnits="userSpaceOnUse"><stop stop-color="#36DFF1"/><stop offset="1" stop-color="#0094F0"/></linearGradient><linearGradient id="ic_fluent_list_bar_20_color__d" x1="3.95" y1="4.86" x2="9.94" y2="7.59" gradientUnits="userSpaceOnUse"><stop offset=".13" stop-color="#9C6CFE"/><stop offset="1" stop-color="#7A41DC"/></linearGradient><linearGradient id="ic_fluent_list_bar_20_color__e" x1="3.95" y1="4.86" x2="9.94" y2="7.59" gradientUnits="userSpaceOnUse"><stop offset=".13" stop-color="#9C6CFE"/><stop offset="1" stop-color="#7A41DC"/></linearGradient><linearGradient id="ic_fluent_list_bar_20_color__f" x1="3.95" y1="4.86" x2="9.94" y2="7.59" gradientUnits="userSpaceOnUse"><stop offset=".13" stop-color="#9C6CFE"/><stop offset="1" stop-color="#7A41DC"/></linearGradient></defs>`, { color: true }));
export const ListBarFilled = ( /*#__PURE__*/createFluentIcon('ListBarFilled', "1em", ["M8 17h7.5c.83 0 1.5-.67 1.5-1.5v-1c0-.83-.67-1.5-1.5-1.5H8v4Zm0-5h7.5c.83 0 1.5-.67 1.5-1.5v-1c0-.83-.67-1.5-1.5-1.5H8v4ZM7 8v4H4.5A1.5 1.5 0 0 1 3 10.5v-1C3 8.67 3.67 8 4.5 8H7Zm1-1h7.5c.83 0 1.5-.67 1.5-1.5v-1c0-.83-.67-1.5-1.5-1.5H8v4ZM7 3v4H4.5A1.5 1.5 0 0 1 3 5.5v-1C3 3.67 3.67 3 4.5 3H7Zm0 10v4H4.5A1.5 1.5 0 0 1 3 15.5v-1c0-.83.67-1.5 1.5-1.5H7Z"]));
export const ListBarRegular = ( /*#__PURE__*/createFluentIcon('ListBarRegular', "1em", ["M5 3a2 2 0 0 0-2 2v1a2 2 0 0 0 .68 1.5A2 2 0 0 0 3 9v2a2 2 0 0 0 .68 1.5A2 2 0 0 0 3 14v1c0 1.1.9 2 2 2h10a2 2 0 0 0 2-2v-1a2 2 0 0 0-.68-1.5A2 2 0 0 0 17 11V9a2 2 0 0 0-.68-1.5A2 2 0 0 0 17 6V5a2 2 0 0 0-2-2H5ZM4 14a1 1 0 0 1 1-1h2v3H5a1 1 0 0 1-1-1v-1Zm4 2v-3h7a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H8Zm0-4V8h7a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H8ZM7 8v4H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h2Zm0-1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h2v3Zm1 0V4h7a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H8Z"]));
export const ListBar16Regular = ( /*#__PURE__*/createFluentIcon('ListBar16Regular', "16", ["M3.75 2C2.78 2 2 2.78 2 3.75v1c0 .49.2.93.53 1.25-.33.32-.53.76-.53 1.25v1.5c0 .49.2.93.53 1.25-.33.32-.53.76-.53 1.25v1c0 .97.78 1.75 1.75 1.75h8.5c.97 0 1.75-.78 1.75-1.75v-1c0-.49-.2-.93-.53-1.25.33-.32.53-.76.53-1.25v-1.5c0-.49-.2-.93-.53-1.25.33-.32.53-.76.53-1.25v-1C14 2.78 13.22 2 12.25 2h-8.5ZM3 11.25c0-.41.34-.75.75-.75H5V13H3.75a.75.75 0 0 1-.75-.75v-1ZM6 13v-2.5h6.25c.41 0 .75.34.75.75v1c0 .41-.34.75-.75.75H6Zm0-3.5v-3h6.25c.41 0 .75.34.75.75v1.5c0 .41-.34.75-.75.75H6Zm0-4V3h6.25c.41 0 .75.34.75.75v1c0 .41-.34.75-.75.75H6ZM5 3v2.5H3.75A.75.75 0 0 1 3 4.75v-1c0-.41.34-.75.75-.75H5Zm0 3.5v3H3.75A.75.75 0 0 1 3 8.75v-1.5c0-.41.34-.75.75-.75H5Z"]));
export const ListBar16Filled = ( /*#__PURE__*/createFluentIcon('ListBar16Filled', "16", ["M6 14h6.75c.69 0 1.25-.56 1.25-1.25v-.5c0-.69-.56-1.25-1.25-1.25H6v3Zm0-4h6.75c.69 0 1.25-.56 1.25-1.25v-1.5C14 6.56 13.44 6 12.75 6H6v4ZM5 6v4H3.25C2.56 10 2 9.44 2 8.75v-1.5C2 6.56 2.56 6 3.25 6H5Zm1-1h6.75C13.44 5 14 4.44 14 3.75v-.5C14 2.56 13.44 2 12.75 2H6v3ZM5 2v3H3.25C2.56 5 2 4.44 2 3.75v-.5C2 2.56 2.56 2 3.25 2H5Zm0 9v3H3.25C2.56 14 2 13.44 2 12.75v-.5c0-.69.56-1.25 1.25-1.25H5Z"]));
export const ListBar16Color = ( /*#__PURE__*/createFluentIcon('ListBar16Color', "16", `<path d="M5 14h7.75c.69 0 1.25-.56 1.25-1.25v-.5c0-.69-.56-1.25-1.25-1.25H5l-.5 1.5L5 14Zm0-4h7.75c.69 0 1.25-.56 1.25-1.25v-1.5C14 6.56 13.44 6 12.75 6H5l-.5 2 .5 2Zm0-5h7.75C13.44 5 14 4.44 14 3.75v-.5C14 2.56 13.44 2 12.75 2H5l-.5 1.5L5 5Z" fill="url(#ic_fluent_list_bar_16_color__a)"/><path d="M5 6v4H3.25C2.56 10 2 9.44 2 8.75v-1.5C2 6.56 2.56 6 3.25 6H5Zm0-4v3H3.25C2.56 5 2 4.44 2 3.75v-.5C2 2.56 2.56 2 3.25 2H5Zm0 9v3H3.25C2.56 14 2 13.44 2 12.75v-.5c0-.69.56-1.25 1.25-1.25H5Z" fill="url(#ic_fluent_list_bar_16_color__b)"/><defs><linearGradient id="ic_fluent_list_bar_16_color__a" x1="3.08" y1=".29" x2="13.24" y2="13.86" gradientUnits="userSpaceOnUse"><stop stop-color="#36DFF1"/><stop offset="1" stop-color="#0094F0"/></linearGradient><linearGradient id="ic_fluent_list_bar_16_color__b" x1="2.71" y1="3.6" x2="7.39" y2="5.46" gradientUnits="userSpaceOnUse"><stop offset=".13" stop-color="#9C6CFE"/><stop offset="1" stop-color="#7A41DC"/></linearGradient></defs>`, { color: true }));
export const ListBar20Regular = ( /*#__PURE__*/createFluentIcon('ListBar20Regular', "20", ["M5 3a2 2 0 0 0-2 2v1a2 2 0 0 0 .68 1.5A2 2 0 0 0 3 9v2a2 2 0 0 0 .68 1.5A2 2 0 0 0 3 14v1c0 1.1.9 2 2 2h10a2 2 0 0 0 2-2v-1a2 2 0 0 0-.68-1.5A2 2 0 0 0 17 11V9a2 2 0 0 0-.68-1.5A2 2 0 0 0 17 6V5a2 2 0 0 0-2-2H5ZM4 14a1 1 0 0 1 1-1h2v3H5a1 1 0 0 1-1-1v-1Zm4 2v-3h7a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H8Zm0-4V8h7a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H8ZM7 8v4H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h2Zm0-1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h2v3Zm1 0V4h7a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H8Z"]));
export const ListBar20Filled = ( /*#__PURE__*/createFluentIcon('ListBar20Filled', "20", ["M8 17h7.5c.83 0 1.5-.67 1.5-1.5v-1c0-.83-.67-1.5-1.5-1.5H8v4Zm0-5h7.5c.83 0 1.5-.67 1.5-1.5v-1c0-.83-.67-1.5-1.5-1.5H8v4ZM7 8v4H4.5A1.5 1.5 0 0 1 3 10.5v-1C3 8.67 3.67 8 4.5 8H7Zm1-1h7.5c.83 0 1.5-.67 1.5-1.5v-1c0-.83-.67-1.5-1.5-1.5H8v4ZM7 3v4H4.5A1.5 1.5 0 0 1 3 5.5v-1C3 3.67 3.67 3 4.5 3H7Zm0 10v4H4.5A1.5 1.5 0 0 1 3 15.5v-1c0-.83.67-1.5 1.5-1.5H7Z"]));
export const ListBar20Color = ( /*#__PURE__*/createFluentIcon('ListBar20Color', "20", `<path d="M15.5 7H7l-.5-2L7 3h8.5c.83 0 1.5.67 1.5 1.5v1c0 .83-.67 1.5-1.5 1.5Z" fill="url(#ic_fluent_list_bar_20_color__a)"/><path d="M7 12h8.5c.83 0 1.5-.67 1.5-1.5v-1c0-.83-.67-1.5-1.5-1.5H7l-.5 2 .5 2Z" fill="url(#ic_fluent_list_bar_20_color__b)"/><path d="M7 17h8.5c.83 0 1.5-.67 1.5-1.5v-1c0-.83-.67-1.5-1.5-1.5H7l-.5 2 .5 2Z" fill="url(#ic_fluent_list_bar_20_color__c)"/><path d="M7 7V3H4.5C3.67 3 3 3.67 3 4.5v1C3 6.33 3.67 7 4.5 7H7Z" fill="url(#ic_fluent_list_bar_20_color__d)"/><path d="M7 8v4H4.5A1.5 1.5 0 0 1 3 10.5v-1C3 8.67 3.67 8 4.5 8H7Z" fill="url(#ic_fluent_list_bar_20_color__e)"/><path d="M7 13v4H4.5A1.5 1.5 0 0 1 3 15.5v-1c0-.83.67-1.5 1.5-1.5H7Z" fill="url(#ic_fluent_list_bar_20_color__f)"/><defs><linearGradient id="ic_fluent_list_bar_20_color__a" x1="4.92" y1="1" x2="16.95" y2="16.21" gradientUnits="userSpaceOnUse"><stop stop-color="#36DFF1"/><stop offset="1" stop-color="#0094F0"/></linearGradient><linearGradient id="ic_fluent_list_bar_20_color__b" x1="4.92" y1="1" x2="16.95" y2="16.21" gradientUnits="userSpaceOnUse"><stop stop-color="#36DFF1"/><stop offset="1" stop-color="#0094F0"/></linearGradient><linearGradient id="ic_fluent_list_bar_20_color__c" x1="4.92" y1="1" x2="16.95" y2="16.21" gradientUnits="userSpaceOnUse"><stop stop-color="#36DFF1"/><stop offset="1" stop-color="#0094F0"/></linearGradient><linearGradient id="ic_fluent_list_bar_20_color__d" x1="3.95" y1="4.86" x2="9.94" y2="7.59" gradientUnits="userSpaceOnUse"><stop offset=".13" stop-color="#9C6CFE"/><stop offset="1" stop-color="#7A41DC"/></linearGradient><linearGradient id="ic_fluent_list_bar_20_color__e" x1="3.95" y1="4.86" x2="9.94" y2="7.59" gradientUnits="userSpaceOnUse"><stop offset=".13" stop-color="#9C6CFE"/><stop offset="1" stop-color="#7A41DC"/></linearGradient><linearGradient id="ic_fluent_list_bar_20_color__f" x1="3.95" y1="4.86" x2="9.94" y2="7.59" gradientUnits="userSpaceOnUse"><stop offset=".13" stop-color="#9C6CFE"/><stop offset="1" stop-color="#7A41DC"/></linearGradient></defs>`, { color: true }));
export const ListBar24Regular = ( /*#__PURE__*/createFluentIcon('ListBar24Regular', "24", ["M3 5.75A2.75 2.75 0 0 1 5.75 3h12.5A2.75 2.75 0 0 1 21 5.75v1.5c0 .79-.33 1.5-.86 2 .53.5.86 1.21.86 2v1.5c0 .79-.33 1.5-.86 2 .53.5.86 1.21.86 2v1.5A2.75 2.75 0 0 1 18.25 21H5.75A2.75 2.75 0 0 1 3 18.25v-1.5c0-.79.33-1.5.86-2a2.74 2.74 0 0 1-.86-2v-1.5c0-.79.33-1.5.86-2a2.74 2.74 0 0 1-.86-2v-1.5Zm16.5 1.5v-1.5c0-.69-.56-1.25-1.25-1.25H9.5v4h8.75c.69 0 1.25-.56 1.25-1.25ZM8 4.5H5.75c-.69 0-1.25.56-1.25 1.25v1.5c0 .69.56 1.25 1.25 1.25H8v-4ZM8 10H5.75c-.69 0-1.25.56-1.25 1.25v1.5c0 .69.56 1.25 1.25 1.25H8v-4Zm0 5.5H5.75c-.69 0-1.25.56-1.25 1.25v1.5c0 .69.56 1.25 1.25 1.25H8v-4Zm1.5 4h8.75c.69 0 1.25-.56 1.25-1.25v-1.5c0-.69-.56-1.25-1.25-1.25H9.5v4Zm0-5.5h8.75c.69 0 1.25-.56 1.25-1.25v-1.5c0-.69-.56-1.25-1.25-1.25H9.5v4Z"]));
export const ListBar24Filled = ( /*#__PURE__*/createFluentIcon('ListBar24Filled', "24", ["M9.5 21H19a2 2 0 0 0 2-2v-1a2 2 0 0 0-2-2H9.5v5Zm0-6.5H19a2 2 0 0 0 2-2v-1a2 2 0 0 0-2-2H9.5v5ZM8 9.5v5H5a2 2 0 0 1-2-2v-1c0-1.1.9-2 2-2h3ZM9.5 8H19a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H9.5v5ZM8 3v5H5a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3Zm0 13v5H5a2 2 0 0 1-2-2v-1c0-1.1.9-2 2-2h3Z"]));
export const ListBar24Color = ( /*#__PURE__*/createFluentIcon('ListBar24Color', "24", `<path d="M8 21h11a2 2 0 0 0 2-2v-1a2 2 0 0 0-2-2H8l-.5 2.5L8 21Zm0-6.5h11a2 2 0 0 0 2-2v-1a2 2 0 0 0-2-2H8L7.5 12l.5 2.5ZM8 8h11a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H8l-.5 2.5L8 8Z" fill="url(#ic_fluent_list_bar_24_color__a)"/><path d="M8 9.5v5H5a2 2 0 0 1-2-2v-1c0-1.1.9-2 2-2h3ZM8 3v5H5a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3Zm0 13v5H5a2 2 0 0 1-2-2v-1c0-1.1.9-2 2-2h3Z" fill="url(#ic_fluent_list_bar_24_color__b)"/><defs><linearGradient id="ic_fluent_list_bar_24_color__a" x1="5.47" y1=".43" x2="20.94" y2="19.98" gradientUnits="userSpaceOnUse"><stop stop-color="#36DFF1"/><stop offset="1" stop-color="#0094F0"/></linearGradient><linearGradient id="ic_fluent_list_bar_24_color__b" x1="4.19" y1="5.39" x2="11.75" y2="8.75" gradientUnits="userSpaceOnUse"><stop offset=".13" stop-color="#9C6CFE"/><stop offset="1" stop-color="#7A41DC"/></linearGradient></defs>`, { color: true }));
export const ListBar32Regular = ( /*#__PURE__*/createFluentIcon('ListBar32Regular', "32", ["M7.5 4A3.5 3.5 0 0 0 4 7.5v2c0 .98.4 1.86 1.05 2.5A3.49 3.49 0 0 0 4 14.5v3c0 .98.4 1.86 1.05 2.5A3.49 3.49 0 0 0 4 22.5v2A3.5 3.5 0 0 0 7.5 28h17a3.5 3.5 0 0 0 3.5-3.5v-2c0-.98-.4-1.86-1.05-2.5A3.49 3.49 0 0 0 28 17.5v-3c0-.98-.4-1.86-1.05-2.5A3.49 3.49 0 0 0 28 9.5v-2A3.5 3.5 0 0 0 24.5 4h-17ZM6 22.5c0-.83.67-1.5 1.5-1.5H10v5H7.5A1.5 1.5 0 0 1 6 24.5v-2Zm6 3.5v-5h12.5c.83 0 1.5.67 1.5 1.5v2c0 .83-.67 1.5-1.5 1.5H12Zm0-7v-6h12.5c.83 0 1.5.67 1.5 1.5v3c0 .83-.67 1.5-1.5 1.5H12Zm0-8V6h12.5c.83 0 1.5.67 1.5 1.5v2c0 .83-.67 1.5-1.5 1.5H12Zm-2-5v5H7.5A1.5 1.5 0 0 1 6 9.5v-2C6 6.67 6.67 6 7.5 6H10Zm0 7v6H7.5A1.5 1.5 0 0 1 6 17.5v-3c0-.83.67-1.5 1.5-1.5H10Z"]));
export const ListBar32Filled = ( /*#__PURE__*/createFluentIcon('ListBar32Filled', "32", ["M12 28h13.5a2.5 2.5 0 0 0 2.5-2.5v-2a2.5 2.5 0 0 0-2.5-2.5H12v7Zm0-9h13.5a2.5 2.5 0 0 0 2.5-2.5v-1a2.5 2.5 0 0 0-2.5-2.5H12v6Zm-2-6v6H6.5A2.5 2.5 0 0 1 4 16.5v-1A2.5 2.5 0 0 1 6.5 13H10Zm2-2h13.5A2.5 2.5 0 0 0 28 8.5v-2A2.5 2.5 0 0 0 25.5 4H12v7Zm-2-7v7H6.5A2.5 2.5 0 0 1 4 8.5v-2A2.5 2.5 0 0 1 6.5 4H10Zm0 17v7H6.5A2.5 2.5 0 0 1 4 25.5v-2A2.5 2.5 0 0 1 6.5 21H10Z"]));
export const ListBar32Color = ( /*#__PURE__*/createFluentIcon('ListBar32Color', "32", `<path d="M11 28h14.5a2.5 2.5 0 0 0 2.5-2.5v-2a2.5 2.5 0 0 0-2.5-2.5H11l-1 3.5 1 3.5Zm0-9h14.5a2.5 2.5 0 0 0 2.5-2.5v-1a2.5 2.5 0 0 0-2.5-2.5H11l-1 3 1 3Zm0-8h14.5A2.5 2.5 0 0 0 28 8.5v-2A2.5 2.5 0 0 0 25.5 4H11l-1 3.5 1 3.5Z" fill="url(#ic_fluent_list_bar_32_color__a)"/><path d="M11 13v6H6.5A2.5 2.5 0 0 1 4 16.5v-1A2.5 2.5 0 0 1 6.5 13H11Zm0-9v7H6.5A2.5 2.5 0 0 1 4 8.5v-2A2.5 2.5 0 0 1 6.5 4H11Zm0 17v7H6.5A2.5 2.5 0 0 1 4 25.5v-2A2.5 2.5 0 0 1 6.5 21H11Z" fill="url(#ic_fluent_list_bar_32_color__b)"/><defs><linearGradient id="ic_fluent_list_bar_32_color__a" x1="7.3" y1=".57" x2="27.92" y2="26.64" gradientUnits="userSpaceOnUse"><stop stop-color="#36DFF1"/><stop offset="1" stop-color="#0094F0"/></linearGradient><linearGradient id="ic_fluent_list_bar_32_color__b" x1="5.66" y1="7.19" x2="16.07" y2="12.04" gradientUnits="userSpaceOnUse"><stop offset=".13" stop-color="#9C6CFE"/><stop offset="1" stop-color="#7A41DC"/></linearGradient></defs>`, { color: true }));