@fluentui/react-icons
Version:
Fluent System Icons are a collection of familiar, friendly, and modern icons from Microsoft.
24 lines (23 loc) • 13.2 kB
JavaScript
"use client";
import { createFluentIcon } from '../../utils/createFluentIcon';
export const BookColor = ( /*#__PURE__*/createFluentIcon('BookColor', "1em", `<path d="M4.5 15H16s-.5.5-.5 1.5.5 1 .5 1H5.5a1 1 0 0 1-1-1V15Z" fill="url(#ic_fluent_book_20_color__a)"/><path d="M4 4v12c0 1.1.9 2 2 2h9.5a.5.5 0 0 0 0-1H6a1 1 0 0 1-1-1h10a1 1 0 0 0 1-1V4a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2Z" fill="url(#ic_fluent_book_20_color__b)"/><path d="M6 5a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V5Z" fill="url(#ic_fluent_book_20_color__c)"/><defs><linearGradient id="ic_fluent_book_20_color__a" x1="10" y1="17" x2="10" y2="15" gradientUnits="userSpaceOnUse"><stop stop-color="#9DEAFF"/><stop offset=".72" stop-color="#58AAFE"/></linearGradient><linearGradient id="ic_fluent_book_20_color__b" x1="8.14" y1="4.99" x2="10.76" y2="22.18" gradientUnits="userSpaceOnUse"><stop stop-color="#20AC9D"/><stop offset="1" stop-color="#2052CB"/></linearGradient><linearGradient id="ic_fluent_book_20_color__c" x1="8.76" y1="3.49" x2="12.12" y2="9.06" gradientUnits="userSpaceOnUse"><stop stop-color="#9FF0F9"/><stop offset="1" stop-color="#6CE0FF"/></linearGradient></defs>`, { color: true }));
export const BookFilled = ( /*#__PURE__*/createFluentIcon('BookFilled', "1em", ["M6 2a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h9.5a.5.5 0 0 0 0-1H6a1 1 0 0 1-1-1h10a1 1 0 0 0 1-1V4a2 2 0 0 0-2-2H6Zm.75 2.5h6.5a.75.75 0 0 1 0 1.5h-6.5a.75.75 0 0 1 0-1.5Z"]));
export const BookRegular = ( /*#__PURE__*/createFluentIcon('BookRegular', "1em", ["M6 5a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V5Zm1 0v1h6V5H7ZM4 4v12c0 1.1.9 2 2 2h9.5a.5.5 0 0 0 0-1H6a1 1 0 0 1-1-1h10a1 1 0 0 0 1-1V4a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2Zm10-1a1 1 0 0 1 1 1v11H5V4a1 1 0 0 1 1-1h8Z"]));
export const Book16Regular = ( /*#__PURE__*/createFluentIcon('Book16Regular', "16", ["M6 3a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H6Zm0 1h4v1H6V4Zm5-3H5a2 2 0 0 0-2 2v10c0 1.1.9 2 2 2h7.5a.5.5 0 0 0 0-1H5a1 1 0 0 1-1-1h8.5a.5.5 0 0 0 .5-.5V3a2 2 0 0 0-2-2ZM4 12V3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v9H4Z"]));
export const Book16Filled = ( /*#__PURE__*/createFluentIcon('Book16Filled', "16", ["M11 1H5a2 2 0 0 0-2 2v10c0 1.1.9 2 2 2h7.5a.5.5 0 0 0 0-1H5a1 1 0 0 1-1-1h8.5a.5.5 0 0 0 .5-.5V3a2 2 0 0 0-2-2ZM5 3.5h6c.28 0 .5.22.5.5v1a.5.5 0 0 1-.5.5H5a.5.5 0 0 1-.5-.5V4c0-.28.22-.5.5-.5Z"]));
export const Book16Color = ( /*#__PURE__*/createFluentIcon('Book16Color', "16", `<path d="M3.5 12.5h9.31s-.31.5-.31 1 .31 1 .31 1H5A1.5 1.5 0 0 1 3.5 13v-.5Z" fill="url(#ic_fluent_book_16_color__a)"/><path d="M11 1H5a2 2 0 0 0-2 2v10c0 1.1.9 2 2 2h7.5a.5.5 0 0 0 0-1H5a1 1 0 0 1-1-1h8.5a.5.5 0 0 0 .5-.5V3a2 2 0 0 0-2-2Z" fill="url(#ic_fluent_book_16_color__b)"/><path d="M6 3a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H6Z" fill="url(#ic_fluent_book_16_color__c)"/><defs><linearGradient id="ic_fluent_book_16_color__a" x1="9.5" y1="14" x2="9.5" y2="12" gradientUnits="userSpaceOnUse"><stop stop-color="#9DEAFF"/><stop offset=".72" stop-color="#58AAFE"/></linearGradient><linearGradient id="ic_fluent_book_16_color__b" x1="6.45" y1="3.62" x2="8.85" y2="18.62" gradientUnits="userSpaceOnUse"><stop stop-color="#20AC9D"/><stop offset="1" stop-color="#2052CB"/></linearGradient><linearGradient id="ic_fluent_book_16_color__c" x1="7.07" y1="2.49" x2="10.78" y2="7.1" gradientUnits="userSpaceOnUse"><stop stop-color="#9FF0F9"/><stop offset="1" stop-color="#6CE0FF"/></linearGradient></defs>`, { color: true }));
export const Book20Regular = ( /*#__PURE__*/createFluentIcon('Book20Regular', "20", ["M6 5a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V5Zm1 0v1h6V5H7ZM4 4v12c0 1.1.9 2 2 2h9.5a.5.5 0 0 0 0-1H6a1 1 0 0 1-1-1h10a1 1 0 0 0 1-1V4a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2Zm10-1a1 1 0 0 1 1 1v11H5V4a1 1 0 0 1 1-1h8Z"]));
export const Book20Filled = ( /*#__PURE__*/createFluentIcon('Book20Filled', "20", ["M6 2a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h9.5a.5.5 0 0 0 0-1H6a1 1 0 0 1-1-1h10a1 1 0 0 0 1-1V4a2 2 0 0 0-2-2H6Zm.75 2.5h6.5a.75.75 0 0 1 0 1.5h-6.5a.75.75 0 0 1 0-1.5Z"]));
export const Book20Color = ( /*#__PURE__*/createFluentIcon('Book20Color', "20", `<path d="M4.5 15H16s-.5.5-.5 1.5.5 1 .5 1H5.5a1 1 0 0 1-1-1V15Z" fill="url(#ic_fluent_book_20_color__a)"/><path d="M4 4v12c0 1.1.9 2 2 2h9.5a.5.5 0 0 0 0-1H6a1 1 0 0 1-1-1h10a1 1 0 0 0 1-1V4a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2Z" fill="url(#ic_fluent_book_20_color__b)"/><path d="M6 5a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V5Z" fill="url(#ic_fluent_book_20_color__c)"/><defs><linearGradient id="ic_fluent_book_20_color__a" x1="10" y1="17" x2="10" y2="15" gradientUnits="userSpaceOnUse"><stop stop-color="#9DEAFF"/><stop offset=".72" stop-color="#58AAFE"/></linearGradient><linearGradient id="ic_fluent_book_20_color__b" x1="8.14" y1="4.99" x2="10.76" y2="22.18" gradientUnits="userSpaceOnUse"><stop stop-color="#20AC9D"/><stop offset="1" stop-color="#2052CB"/></linearGradient><linearGradient id="ic_fluent_book_20_color__c" x1="8.76" y1="3.49" x2="12.12" y2="9.06" gradientUnits="userSpaceOnUse"><stop stop-color="#9FF0F9"/><stop offset="1" stop-color="#6CE0FF"/></linearGradient></defs>`, { color: true }));
export const Book24Regular = ( /*#__PURE__*/createFluentIcon('Book24Regular', "24", ["M7 6a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V6Zm1.5 1.5h7v-1h-7v1ZM4 4.5A2.5 2.5 0 0 1 6.5 2H18a2.5 2.5 0 0 1 2.5 2.5v14.25c0 .41-.34.75-.75.75H5.5a1 1 0 0 0 1 1h13.25a.75.75 0 0 1 0 1.5H6.5A2.5 2.5 0 0 1 4 19.5v-15ZM5.5 18H19V4.5a1 1 0 0 0-1-1H6.5a1 1 0 0 0-1 1V18Z"]));
export const Book24Filled = ( /*#__PURE__*/createFluentIcon('Book24Filled', "24", ["M6.5 2A2.5 2.5 0 0 0 4 4.5v15A2.5 2.5 0 0 0 6.5 22h13.25a.75.75 0 0 0 0-1.5H6.5a1 1 0 0 1-1-1h14.25c.41 0 .75-.34.75-.75V4.5A2.5 2.5 0 0 0 18 2H6.5ZM8 5h8a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1Z"]));
export const Book24Color = ( /*#__PURE__*/createFluentIcon('Book24Color', "24", `<path d="M5 19h15.28s-.28.5-.28 1 .28 1 .28 1H6a1 1 0 0 1-1-1v-1Z" fill="url(#ic_fluent_book_24_color__a)"/><path d="M4 4.5A2.5 2.5 0 0 1 6.5 2H18a2.5 2.5 0 0 1 2.5 2.5v14.25c0 .41-.34.75-.75.75H5.5a1 1 0 0 0 1 1h13.25a.75.75 0 0 1 0 1.5H6.5A2.5 2.5 0 0 1 4 19.5v-15Z" fill="url(#ic_fluent_book_24_color__b)"/><path d="M7 6a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V6Z" fill="url(#ic_fluent_book_24_color__c)"/><defs><linearGradient id="ic_fluent_book_24_color__a" x1="12.17" y1="20.4" x2="12.17" y2="18" gradientUnits="userSpaceOnUse"><stop stop-color="#9DEAFF"/><stop offset=".72" stop-color="#58AAFE"/></linearGradient><linearGradient id="ic_fluent_book_24_color__b" x1="9.69" y1="5.74" x2="12.68" y2="27.31" gradientUnits="userSpaceOnUse"><stop stop-color="#20AC9D"/><stop offset="1" stop-color="#2052CB"/></linearGradient><linearGradient id="ic_fluent_book_24_color__c" x1="10.45" y1="4.31" x2="15.05" y2="11.48" gradientUnits="userSpaceOnUse"><stop stop-color="#9FF0F9"/><stop offset="1" stop-color="#6CE0FF"/></linearGradient></defs>`, { color: true }));
export const Book28Regular = ( /*#__PURE__*/createFluentIcon('Book28Regular', "28", ["M8.75 2A3.75 3.75 0 0 0 5 5.75v16.5A3.75 3.75 0 0 0 8.75 26h13.5a.75.75 0 0 0 0-1.5H8.75a2.25 2.25 0 0 1-2.24-2H21.5c.83 0 1.5-.67 1.5-1.5V5.75A3.75 3.75 0 0 0 19.25 2H8.75ZM21.5 21h-15V5.75c0-1.24 1-2.25 2.25-2.25h10.5c1.24 0 2.25 1 2.25 2.25V21ZM9.75 5.5c-.69 0-1.25.56-1.25 1.25v2.5c0 .69.56 1.25 1.25 1.25h8.5c.69 0 1.25-.56 1.25-1.25v-2.5c0-.69-.56-1.25-1.25-1.25h-8.5ZM10 9V7h8v2h-8Z"]));
export const Book28Filled = ( /*#__PURE__*/createFluentIcon('Book28Filled', "28", ["M8.75 2A3.75 3.75 0 0 0 5 5.75v16.5A3.75 3.75 0 0 0 8.75 26h13.5a.75.75 0 0 0 0-1.5H8.75a2.25 2.25 0 0 1-2.24-2H21.5c.83 0 1.5-.67 1.5-1.5V5.75A3.75 3.75 0 0 0 19.25 2H8.75ZM8.5 6.75c0-.69.56-1.25 1.25-1.25h8.5c.69 0 1.25.56 1.25 1.25v1.5c0 .69-.56 1.25-1.25 1.25h-8.5c-.69 0-1.25-.56-1.25-1.25v-1.5Z"]));
export const Book28Color = ( /*#__PURE__*/createFluentIcon('Book28Color', "28", `<path d="M6 21.5h16.76s-.26.81-.26 2 .26 2 .26 2H8.75A2.75 2.75 0 0 1 6 22.75V21.5Z" fill="url(#ic_fluent_book_28_color__a)"/><path d="M8.75 2A3.75 3.75 0 0 0 5 5.75v16.5A3.75 3.75 0 0 0 8.75 26h13.5a.75.75 0 0 0 0-1.5H8.75a2.25 2.25 0 0 1-2.24-2H21.5c.83 0 1.5-.67 1.5-1.5V5.75A3.75 3.75 0 0 0 19.25 2H8.75Z" fill="url(#ic_fluent_book_28_color__b)"/><path d="M9.75 5.5c-.69 0-1.25.56-1.25 1.25v2.5c0 .69.56 1.25 1.25 1.25h8.5c.69 0 1.25-.56 1.25-1.25v-2.5c0-.69-.56-1.25-1.25-1.25h-8.5Z" fill="url(#ic_fluent_book_28_color__c)"/><defs><linearGradient id="ic_fluent_book_28_color__a" x1="13.65" y1="24.4" x2="13.65" y2="22" gradientUnits="userSpaceOnUse"><stop stop-color="#9DEAFF"/><stop offset=".72" stop-color="#58AAFE"/></linearGradient><linearGradient id="ic_fluent_book_28_color__b" x1="11.21" y1="6.49" x2="15.14" y2="32.27" gradientUnits="userSpaceOnUse"><stop stop-color="#20AC9D"/><stop offset="1" stop-color="#2052CB"/></linearGradient><linearGradient id="ic_fluent_book_28_color__c" x1="12.29" y1="4.64" x2="18.32" y2="12.89" gradientUnits="userSpaceOnUse"><stop stop-color="#9FF0F9"/><stop offset="1" stop-color="#6CE0FF"/></linearGradient></defs>`, { color: true }));
export const Book32Regular = ( /*#__PURE__*/createFluentIcon('Book32Regular', "32", ["M7 6c0-1.1.9-2 2-2h14a2 2 0 0 1 2 2v18H7V6Zm2 22a2 2 0 0 1-2-2h18.25c.97 0 1.75-.78 1.75-1.75V6a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v20a4 4 0 0 0 4 4h17a1 1 0 1 0 0-2H9Zm1.75-22C9.78 6 9 6.78 9 7.75v2.5c0 .97.78 1.75 1.75 1.75h10.5c.97 0 1.75-.78 1.75-1.75v-2.5C23 6.78 22.22 6 21.25 6h-10.5Zm.25 4V8h10v2H11Z"]));
export const Book32Filled = ( /*#__PURE__*/createFluentIcon('Book32Filled', "32", ["M5 26V6a4 4 0 0 1 4-4h14a4 4 0 0 1 4 4v18.25c0 .97-.78 1.75-1.75 1.75H7c0 1.1.9 2 2 2h17a1 1 0 1 1 0 2H9a4 4 0 0 1-4-4Zm5.75-20C9.78 6 9 6.78 9 7.75v1.5c0 .97.78 1.75 1.75 1.75h10.5c.97 0 1.75-.78 1.75-1.75v-1.5C23 6.78 22.22 6 21.25 6h-10.5Z"]));
export const Book32Color = ( /*#__PURE__*/createFluentIcon('Book32Color', "32", `<path d="M6 25h20.69s-.69.4-.69 2 .69 2 .69 2H9a3 3 0 0 1-3-3v-1Z" fill="url(#ic_fluent_book_32_color__a)"/><path d="M9 28a2 2 0 0 1-2-2h18.25c.97 0 1.75-.78 1.75-1.75V6a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v20a4 4 0 0 0 4 4h17a1 1 0 1 0 0-2H9Z" fill="url(#ic_fluent_book_32_color__b)"/><path d="M10.75 6C9.78 6 9 6.78 9 7.75v2.5c0 .97.78 1.75 1.75 1.75h10.5c.97 0 1.75-.78 1.75-1.75v-2.5C23 6.78 22.22 6 21.25 6h-10.5Z" fill="url(#ic_fluent_book_32_color__c)"/><defs><linearGradient id="ic_fluent_book_32_color__a" x1="15.57" y1="28.2" x2="15.57" y2="25" gradientUnits="userSpaceOnUse"><stop stop-color="#9DEAFF"/><stop offset=".72" stop-color="#58AAFE"/></linearGradient><linearGradient id="ic_fluent_book_32_color__b" x1="12.59" y1="7.24" x2="16.97" y2="37.37" gradientUnits="userSpaceOnUse"><stop stop-color="#20AC9D"/><stop offset="1" stop-color="#2052CB"/></linearGradient><linearGradient id="ic_fluent_book_32_color__c" x1="13.83" y1="4.97" x2="20.92" y2="15.27" gradientUnits="userSpaceOnUse"><stop stop-color="#9FF0F9"/><stop offset="1" stop-color="#6CE0FF"/></linearGradient></defs>`, { color: true }));
export const Book48Regular = ( /*#__PURE__*/createFluentIcon('Book48Regular', "48", ["M14.25 4A6.25 6.25 0 0 0 8 10.25v27.5C8 41.2 10.8 44 14.25 44h24.5a1.25 1.25 0 1 0 0-2.5h-24.5a3.75 3.75 0 0 1-3.68-3h27.18c1.24 0 2.25-1 2.25-2.25v-26C40 6.8 37.2 4 33.75 4h-19.5ZM37.5 36h-27V10.25a3.75 3.75 0 0 1 3.75-3.75h19.5a3.75 3.75 0 0 1 3.75 3.75V36ZM16.25 10C15.01 10 14 11 14 12.25v4.5c0 1.24 1 2.25 2.25 2.25h15.5c1.24 0 2.25-1 2.25-2.25v-4.5c0-1.24-1-2.25-2.25-2.25h-15.5Zm.25 6.5v-4h15v4h-15Z"]));
export const Book48Filled = ( /*#__PURE__*/createFluentIcon('Book48Filled', "48", ["M14.25 4A6.25 6.25 0 0 0 8 10.25v27.5C8 41.2 10.8 44 14.25 44h24.5a1.25 1.25 0 1 0 0-2.5h-24.5a3.75 3.75 0 0 1-3.68-3h27.18c1.24 0 2.25-1 2.25-2.25v-26C40 6.8 37.2 4 33.75 4h-19.5ZM14 12.25c0-1.24 1-2.25 2.25-2.25h15.5c1.24 0 2.25 1 2.25 2.25v2.5c0 1.24-1 2.25-2.25 2.25h-15.5C15.01 17 14 16 14 14.75v-2.5Z"]));
export const Book48Color = ( /*#__PURE__*/createFluentIcon('Book48Color', "48", `<path d="M10 37h29.5s-.5.6-.5 3 .5 3 .5 3H15a5 5 0 0 1-5-5v-1Z" fill="url(#ic_fluent_book_48_color__a)"/><path d="M14.25 4A6.25 6.25 0 0 0 8 10.25v27.5C8 41.2 10.8 44 14.25 44h24.5a1.25 1.25 0 1 0 0-2.5h-24.5a3.75 3.75 0 0 1-3.68-3h27.18c1.24 0 2.25-1 2.25-2.25v-26C40 6.8 37.2 4 33.75 4h-19.5Z" fill="url(#ic_fluent_book_48_color__b)"/><path d="M16.25 10C15.01 10 14 11 14 12.25v4.5c0 1.24 1 2.25 2.25 2.25h15.5c1.24 0 2.25-1 2.25-2.25v-4.5c0-1.24-1-2.25-2.25-2.25h-15.5Z" fill="url(#ic_fluent_book_48_color__c)"/><defs><linearGradient id="ic_fluent_book_48_color__a" x1="23.87" y1="41.8" x2="23.87" y2="37" gradientUnits="userSpaceOnUse"><stop stop-color="#9DEAFF"/><stop offset=".72" stop-color="#58AAFE"/></linearGradient><linearGradient id="ic_fluent_book_48_color__b" x1="19.04" y1="11.48" x2="25.2" y2="54.56" gradientUnits="userSpaceOnUse"><stop stop-color="#20AC9D"/><stop offset="1" stop-color="#2052CB"/></linearGradient><linearGradient id="ic_fluent_book_48_color__c" x1="20.9" y1="8.46" x2="31.71" y2="23.41" gradientUnits="userSpaceOnUse"><stop stop-color="#9FF0F9"/><stop offset="1" stop-color="#6CE0FF"/></linearGradient></defs>`, { color: true }));