@fluentui/react-icons/lib/atoms/svg/notebook.js

Fluent System Icons are a collection of familiar, friendly, and modern icons from Microsoft.

"use client";
import { createFluentIcon } from '../../utils/createFluentIcon';
export const NotebookColor = ( /*#__PURE__*/createFluentIcon('NotebookColor', "1em", `<path d="M14.5 4h2c.28 0 .5.22.5.5v2a.5.5 0 0 1-.5.5h-2V4Zm0 4h2c.28 0 .5.22.5.5v2a.5.5 0 0 1-.5.5h-2V8Zm0 4h2c.28 0 .5.22.5.5v2a.5.5 0 0 1-.5.5h-2v-3Z" fill="url(#ic_fluent_notebook_20_color__a)"/><path d="M5 2a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H5Z" fill="url(#ic_fluent_notebook_20_color__b)"/><path d="M5 2a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H5Z" fill="url(#ic_fluent_notebook_20_color__c)" fill-opacity=".5"/><path d="M5.5 5a.5.5 0 0 0-.5.5v1c0 .28.22.5.5.5h7a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-7Z" fill="url(#ic_fluent_notebook_20_color__d)"/><defs><linearGradient id="ic_fluent_notebook_20_color__a" x1="14.5" y1="-2.5" x2="23.05" y2="17.79" gradientUnits="userSpaceOnUse"><stop stop-color="#D373FC"/><stop offset="1" stop-color="#2052CB"/></linearGradient><linearGradient id="ic_fluent_notebook_20_color__b" x1="1.5" y1="2" x2=".6" y2="19.91" gradientUnits="userSpaceOnUse"><stop stop-color="#E587F2"/><stop offset="1" stop-color="#816CDE"/></linearGradient><linearGradient id="ic_fluent_notebook_20_color__d" x1="6.5" y1="5" x2="11.25" y2="10.12" gradientUnits="userSpaceOnUse"><stop stop-color="#FDD3FF"/><stop offset="1" stop-color="#F3D8FF"/></linearGradient><radialGradient id="ic_fluent_notebook_20_color__c" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(75.38 3.6 6) scale(18.3207 81.0671)"><stop offset=".5" stop-color="#DD3CE2" stop-opacity="0"/><stop offset="1" stop-color="#DD3CE2"/></radialGradient></defs>`, { color: true }));
export const NotebookFilled = ( /*#__PURE__*/createFluentIcon('NotebookFilled', "1em", ["M5 2a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H5Zm0 3.5c0-.28.22-.5.5-.5h7c.28 0 .5.22.5.5v1a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5v-1ZM16 6h.5c.28 0 .5.22.5.5V8a.5.5 0 0 1-.5.5H16V6Zm0 3.5h.5c.28 0 .5.22.5.5v1.5a.5.5 0 0 1-.5.5H16V9.5Zm0 3.5h.5c.28 0 .5.22.5.5V15a.5.5 0 0 1-.5.5H16V13Z"]));
export const NotebookRegular = ( /*#__PURE__*/createFluentIcon('NotebookRegular', "1em", ["M5.5 5a.5.5 0 0 0-.5.5v2c0 .28.22.5.5.5h7a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5h-7ZM6 7V6h6v1H6ZM3 4c0-1.1.9-2 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4Zm2-1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H5Zm11 3h.5c.28 0 .5.22.5.5V8a.5.5 0 0 1-.5.5H16V6Zm.5 3.5H16V12h.5a.5.5 0 0 0 .5-.5V10a.5.5 0 0 0-.5-.5ZM16 13h.5c.28 0 .5.22.5.5V15a.5.5 0 0 1-.5.5H16V13Z"]));
export const Notebook16Regular = ( /*#__PURE__*/createFluentIcon('Notebook16Regular', "16", ["M4.75 3a.75.75 0 0 0-.75.75v1.5c0 .41.34.75.75.75h5.5c.41 0 .75-.34.75-.75v-1.5a.75.75 0 0 0-.75-.75h-5.5ZM5 5V4h5v1H5ZM2 2.75C2 1.78 2.78 1 3.75 1h7.5c.97 0 1.75.78 1.75 1.75v10.5c0 .97-.78 1.75-1.75 1.75h-7.5C2.78 15 2 14.22 2 13.25V2.75ZM3.75 2a.75.75 0 0 0-.75.75v10.5c0 .41.34.75.75.75h7.5c.41 0 .75-.34.75-.75V2.75a.75.75 0 0 0-.75-.75h-7.5Zm10.88 2H14v2h.63c.2 0 .37-.17.37-.38V4.38c0-.2-.17-.37-.38-.37ZM14 7h.63c.2 0 .37.17.37.38v1.25c0 .2-.17.37-.38.37H14V7Zm.63 3H14v2h.63c.2 0 .37-.17.37-.38v-1.24c0-.21-.17-.38-.38-.38Z"]));
export const Notebook16Filled = ( /*#__PURE__*/createFluentIcon('Notebook16Filled', "16", ["M3.75 1C2.78 1 2 1.78 2 2.75v10.5c0 .97.78 1.75 1.75 1.75h7.5c.97 0 1.75-.78 1.75-1.75V2.75C13 1.78 12.22 1 11.25 1h-7.5ZM4 3.75c0-.41.34-.75.75-.75h5.5c.41 0 .75.34.75.75v.5c0 .41-.34.75-.75.75h-5.5A.75.75 0 0 1 4 4.25v-.5ZM14 4h.63c.2 0 .37.17.37.38v1.25c0 .2-.17.37-.38.37H14V4Zm.63 3H14v2h.63c.2 0 .37-.17.37-.38V7.38c0-.21-.17-.38-.38-.38ZM14 10h.63c.2 0 .37.17.37.38v1.24c0 .21-.17.38-.38.38H14v-2Z"]));
export const Notebook16Color = ( /*#__PURE__*/createFluentIcon('Notebook16Color', "16", `<path d="M12.5 4h1.63c.2 0 .37.17.37.38v1.25c0 .2-.17.37-.38.37H12.5V4Zm1.63 3H12.5v2h1.63c.2 0 .37-.17.37-.38V7.38c0-.21-.17-.38-.38-.38Zm-1.63 3h1.63c.2 0 .37.17.37.38v1.24c0 .21-.17.38-.38.38H12.5v-2Z" fill="url(#ic_fluent_notebook_16_color__a)"/><path d="M3.75 1C2.78 1 2 1.78 2 2.75v10.5c0 .97.78 1.75 1.75 1.75h7.5c.97 0 1.75-.78 1.75-1.75V2.75C13 1.78 12.22 1 11.25 1h-7.5Z" fill="url(#ic_fluent_notebook_16_color__b)"/><path d="M3.75 1C2.78 1 2 1.78 2 2.75v10.5c0 .97.78 1.75 1.75 1.75h7.5c.97 0 1.75-.78 1.75-1.75V2.75C13 1.78 12.22 1 11.25 1h-7.5Z" fill="url(#ic_fluent_notebook_16_color__c)" fill-opacity=".5"/><path d="M4 3.75c0-.41.34-.75.75-.75h5.5c.41 0 .75.34.75.75v.5c0 .41-.34.75-.75.75h-5.5A.75.75 0 0 1 4 4.25v-.5Z" fill="url(#ic_fluent_notebook_16_color__d)"/><defs><linearGradient id="ic_fluent_notebook_16_color__a" x1="12.5" y1="-.73" x2="18.31" y2="14.43" gradientUnits="userSpaceOnUse"><stop stop-color="#D373FC"/><stop offset="1" stop-color="#2052CB"/></linearGradient><linearGradient id="ic_fluent_notebook_16_color__b" x1=".63" y1="1" x2="-.12" y2="16.67" gradientUnits="userSpaceOnUse"><stop stop-color="#E587F2"/><stop offset="1" stop-color="#816CDE"/></linearGradient><linearGradient id="ic_fluent_notebook_16_color__d" x1="5.31" y1="3" x2="10.07" y2="7.49" gradientUnits="userSpaceOnUse"><stop stop-color="#FDD3FF"/><stop offset="1" stop-color="#F3D8FF"/></linearGradient><radialGradient id="ic_fluent_notebook_16_color__c" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(74.71 3.44 4.67) scale(16.0803 74.0817)"><stop offset=".5" stop-color="#DD3CE2" stop-opacity="0"/><stop offset="1" stop-color="#DD3CE2"/></radialGradient></defs>`, { color: true }));
export const Notebook20Regular = ( /*#__PURE__*/createFluentIcon('Notebook20Regular', "20", ["M5.5 5a.5.5 0 0 0-.5.5v2c0 .28.22.5.5.5h7a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5h-7ZM6 7V6h6v1H6ZM3 4c0-1.1.9-2 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4Zm2-1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H5Zm11 3h.5c.28 0 .5.22.5.5V8a.5.5 0 0 1-.5.5H16V6Zm.5 3.5H16V12h.5a.5.5 0 0 0 .5-.5V10a.5.5 0 0 0-.5-.5ZM16 13h.5c.28 0 .5.22.5.5V15a.5.5 0 0 1-.5.5H16V13Z"]));
export const Notebook20Filled = ( /*#__PURE__*/createFluentIcon('Notebook20Filled', "20", ["M5 2a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H5Zm0 3.5c0-.28.22-.5.5-.5h7c.28 0 .5.22.5.5v1a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5v-1ZM16 6h.5c.28 0 .5.22.5.5V8a.5.5 0 0 1-.5.5H16V6Zm0 3.5h.5c.28 0 .5.22.5.5v1.5a.5.5 0 0 1-.5.5H16V9.5Zm0 3.5h.5c.28 0 .5.22.5.5V15a.5.5 0 0 1-.5.5H16V13Z"]));
export const Notebook20Color = ( /*#__PURE__*/createFluentIcon('Notebook20Color', "20", `<path d="M14.5 4h2c.28 0 .5.22.5.5v2a.5.5 0 0 1-.5.5h-2V4Zm0 4h2c.28 0 .5.22.5.5v2a.5.5 0 0 1-.5.5h-2V8Zm0 4h2c.28 0 .5.22.5.5v2a.5.5 0 0 1-.5.5h-2v-3Z" fill="url(#ic_fluent_notebook_20_color__a)"/><path d="M5 2a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H5Z" fill="url(#ic_fluent_notebook_20_color__b)"/><path d="M5 2a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H5Z" fill="url(#ic_fluent_notebook_20_color__c)" fill-opacity=".5"/><path d="M5.5 5a.5.5 0 0 0-.5.5v1c0 .28.22.5.5.5h7a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-7Z" fill="url(#ic_fluent_notebook_20_color__d)"/><defs><linearGradient id="ic_fluent_notebook_20_color__a" x1="14.5" y1="-2.5" x2="23.05" y2="17.79" gradientUnits="userSpaceOnUse"><stop stop-color="#D373FC"/><stop offset="1" stop-color="#2052CB"/></linearGradient><linearGradient id="ic_fluent_notebook_20_color__b" x1="1.5" y1="2" x2=".6" y2="19.91" gradientUnits="userSpaceOnUse"><stop stop-color="#E587F2"/><stop offset="1" stop-color="#816CDE"/></linearGradient><linearGradient id="ic_fluent_notebook_20_color__d" x1="6.5" y1="5" x2="11.25" y2="10.12" gradientUnits="userSpaceOnUse"><stop stop-color="#FDD3FF"/><stop offset="1" stop-color="#F3D8FF"/></linearGradient><radialGradient id="ic_fluent_notebook_20_color__c" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(75.38 3.6 6) scale(18.3207 81.0671)"><stop offset=".5" stop-color="#DD3CE2" stop-opacity="0"/><stop offset="1" stop-color="#DD3CE2"/></radialGradient></defs>`, { color: true }));
export const Notebook24Regular = ( /*#__PURE__*/createFluentIcon('Notebook24Regular', "24", ["M16.75 2C17.99 2 19 3 19 4.25v15.5c0 1.24-1 2.25-2.25 2.25H6.25C5.01 22 4 21 4 19.75V4.25C4 3.01 5 2 6.25 2h10.5Zm0 1.5H6.25a.75.75 0 0 0-.75.75v15.5c0 .41.34.75.75.75h10.5c.41 0 .75-.34.75-.75V4.25a.75.75 0 0 0-.75-.75ZM20 15h.75c.38 0 .7.28.74.65l.01.1v1.5c0 .38-.28.7-.65.74l-.1.01H20v-3h.75H20Zm0-4h.75c.38 0 .7.28.74.65l.01.1v1.5c0 .38-.28.7-.65.74l-.1.01H20v-3h.75H20Zm0-4h.75c.38 0 .7.28.74.65l.01.1v1.5c0 .38-.28.7-.65.74l-.1.01H20V7h.75H20Zm-4.75-2c.41 0 .75.34.75.75v2.5c0 .41-.34.75-.75.75h-7.5A.75.75 0 0 1 7 8.25v-2.5c0-.41.34-.75.75-.75h7.5Zm-.75 1.5h-6v1h6v-1Z"]));
export const Notebook24Filled = ( /*#__PURE__*/createFluentIcon('Notebook24Filled', "24", ["M16.75 2C17.99 2 19 3 19 4.25v15.5c0 1.24-1 2.25-2.25 2.25H6.25C5.01 22 4 21 4 19.75V4.25C4 3.01 5 2 6.25 2h10.5ZM20 15h.75c.38 0 .7.28.74.65l.01.1v1.5c0 .38-.28.7-.65.74l-.1.01H20v-3h.75H20Zm0-4h.75c.38 0 .7.28.74.65l.01.1v1.5c0 .38-.28.7-.65.74l-.1.01H20v-3h.75H20Zm0-4h.75c.38 0 .7.28.74.65l.01.1v1.5c0 .38-.28.7-.65.74l-.1.01H20V7h.75H20Zm-5.25-1.5h-6.5c-.38 0-.7.28-.74.65v1.6c0 .38.27.7.64.74l.1.01h6.5c.38 0 .7-.28.75-.65v-1.6a.75.75 0 0 0-.75-.75Z"]));
export const Notebook24Color = ( /*#__PURE__*/createFluentIcon('Notebook24Color', "24", `<path d="M18.5 15h1.75c.38 0 .7.28.74.65l.01.1v1.5c0 .38-.28.7-.65.74H18.5V15h1.75-1.75Zm0-4h1.75c.38 0 .7.28.74.65l.01.1v1.5c0 .38-.28.7-.65.74H18.5V11h1.75-1.75Zm0-4h1.75c.38 0 .7.28.74.65l.01.1v1.5c0 .38-.28.7-.65.74H18.5V7h1.75-1.75Z" fill="url(#ic_fluent_notebook_24_color__a)"/><path d="M16.75 2C17.99 2 19 3 19 4.25v15.5c0 1.24-1 2.25-2.25 2.25H6.25C5.01 22 4 21 4 19.75V4.25C4 3.01 5 2 6.25 2h10.5Z" fill="url(#ic_fluent_notebook_24_color__b)"/><path d="M16.75 2C17.99 2 19 3 19 4.25v15.5c0 1.24-1 2.25-2.25 2.25H6.25C5.01 22 4 21 4 19.75V4.25C4 3.01 5 2 6.25 2h10.5Z" fill="url(#ic_fluent_notebook_24_color__c)" fill-opacity=".5"/><path d="M15.25 5c.41 0 .75.34.75.75v2.5c0 .41-.34.75-.75.75h-7.5A.75.75 0 0 1 7 8.25v-2.5c0-.41.34-.75.75-.75h7.5Z" fill="url(#ic_fluent_notebook_24_color__d)"/><defs><linearGradient id="ic_fluent_notebook_24_color__a" x1="18.5" y1=".5" x2="27.05" y2="20.79" gradientUnits="userSpaceOnUse"><stop stop-color="#D373FC"/><stop offset="1" stop-color="#2052CB"/></linearGradient><linearGradient id="ic_fluent_notebook_24_color__b" x1="2.13" y1="2" x2="1.01" y2="24.38" gradientUnits="userSpaceOnUse"><stop stop-color="#E587F2"/><stop offset="1" stop-color="#816CDE"/></linearGradient><linearGradient id="ic_fluent_notebook_24_color__d" x1="8.69" y1="5" x2="17.13" y2="10.13" gradientUnits="userSpaceOnUse"><stop stop-color="#FDD3FF"/><stop offset="1" stop-color="#F3D8FF"/></linearGradient><radialGradient id="ic_fluent_notebook_24_color__c" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(75.38 4.95 7.41) scale(22.9007 101.326)"><stop offset=".5" stop-color="#DD3CE2" stop-opacity="0"/><stop offset="1" stop-color="#DD3CE2"/></radialGradient></defs>`, { color: true }));
export const Notebook32Regular = ( /*#__PURE__*/createFluentIcon('Notebook32Regular', "32", ["M8 7.5C8 6.67 8.67 6 9.5 6h12c.83 0 1.5.67 1.5 1.5v3c0 .83-.67 1.5-1.5 1.5h-12A1.5 1.5 0 0 1 8 10.5v-3Zm2 .5v2h11V8H10ZM4 5.25C4 3.45 5.46 2 7.25 2h16.5C25.55 2 27 3.46 27 5.25v21.5c0 1.8-1.46 3.25-3.25 3.25H7.25A3.25 3.25 0 0 1 4 26.75V5.25ZM7.25 4C6.56 4 6 4.56 6 5.25v21.5c0 .69.56 1.25 1.25 1.25h16.5c.69 0 1.25-.56 1.25-1.25V5.25C25 4.56 24.44 4 23.75 4H7.25Zm22 4H28v4h1.25c.41 0 .75-.34.75-.75v-2.5a.75.75 0 0 0-.75-.75ZM28 14h1.25c.41 0 .75.34.75.75v2.5c0 .41-.34.75-.75.75H28v-4Zm1.25 6H28v4h1.25c.41 0 .75-.34.75-.75v-2.5a.75.75 0 0 0-.75-.75Z"]));
export const Notebook32Filled = ( /*#__PURE__*/createFluentIcon('Notebook32Filled', "32", ["M7.25 2A3.25 3.25 0 0 0 4 5.25v21.5C4 28.55 5.46 30 7.25 30h16.5c1.8 0 3.25-1.46 3.25-3.25V5.25C27 3.45 25.54 2 23.75 2H7.25ZM10 7h11a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H10a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1Zm18 1h1.25c.41 0 .75.34.75.75v2.5c0 .41-.34.75-.75.75H28V8Zm1.25 6H28v4h1.25c.41 0 .75-.34.75-.75v-2.5a.75.75 0 0 0-.75-.75ZM28 20h1.25c.41 0 .75.34.75.75v2.5c0 .41-.34.75-.75.75H28v-4Z"]));
export const Notebook32Color = ( /*#__PURE__*/createFluentIcon('Notebook32Color', "32", `<path d="M26 8h2.25c.41 0 .75.34.75.75v2.5c0 .41-.34.75-.75.75H26V8Zm2.25 6H26v4h2.25c.41 0 .75-.34.75-.75v-2.5a.75.75 0 0 0-.75-.75ZM26 20h2.25c.41 0 .75.34.75.75v2.5c0 .41-.34.75-.75.75H26v-4Z" fill="url(#ic_fluent_notebook_32_color__a)"/><path d="M7.25 2A3.25 3.25 0 0 0 4 5.25v21.5C4 28.55 5.46 30 7.25 30h16.5c1.8 0 3.25-1.46 3.25-3.25V5.25C27 3.45 25.54 2 23.75 2H7.25Z" fill="url(#ic_fluent_notebook_32_color__b)"/><path d="M7.25 2A3.25 3.25 0 0 0 4 5.25v21.5C4 28.55 5.46 30 7.25 30h16.5c1.8 0 3.25-1.46 3.25-3.25V5.25C27 3.45 25.54 2 23.75 2H7.25Z" fill="url(#ic_fluent_notebook_32_color__c)" fill-opacity=".5"/><path d="M10 7h11a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H10a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1Z" fill="url(#ic_fluent_notebook_32_color__d)"/><defs><linearGradient id="ic_fluent_notebook_32_color__a" x1="26" y1="-1.45" x2="40.09" y2="26.11" gradientUnits="userSpaceOnUse"><stop stop-color="#D373FC"/><stop offset="1" stop-color="#2052CB"/></linearGradient><linearGradient id="ic_fluent_notebook_32_color__b" x1="1.13" y1="2" x2="-.31" y2="33.35" gradientUnits="userSpaceOnUse"><stop stop-color="#E587F2"/><stop offset="1" stop-color="#816CDE"/></linearGradient><linearGradient id="ic_fluent_notebook_32_color__d" x1="11.44" y1="7" x2="20.88" y2="15.28" gradientUnits="userSpaceOnUse"><stop stop-color="#FDD3FF"/><stop offset="1" stop-color="#F3D8FF"/></linearGradient><radialGradient id="ic_fluent_notebook_32_color__c" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(8.86458 31.02275 -148.45811 42.4211 14.54 .25)"><stop offset=".5" stop-color="#DD3CE2" stop-opacity="0"/><stop offset="1" stop-color="#DD3CE2"/></radialGradient></defs>`, { color: true }));