@fluentui/react-icons
Version:
Fluent System Icons are a collection of familiar, friendly, and modern icons from Microsoft.
24 lines (23 loc) • 12.7 kB
JavaScript
"use client";
import { createFluentIcon } from '../../utils/createFluentIcon';
export const LaptopColor = ( /*#__PURE__*/createFluentIcon('LaptopColor', "1em", `<path d="m4.5 14 5-.5 6 .5h.26a1 1 0 0 1 .45.1l1.34.68a.8.8 0 0 1 .45.72H2c0-.3.17-.59.45-.72l1.34-.67a1 1 0 0 1 .45-.11h.26Z" fill="url(#ic_fluent_laptop_20_color__a)"/><path d="M2.5 15a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1h-15Z" fill="url(#ic_fluent_laptop_20_color__b)"/><path d="M4.5 5C3.67 5 3 5.67 3 6.5v6c0 .83.67 1.5 1.5 1.5h11c.83 0 1.5-.67 1.5-1.5v-6c0-.83-.67-1.5-1.5-1.5h-11Z" fill="url(#ic_fluent_laptop_20_color__c)"/><defs><linearGradient id="ic_fluent_laptop_20_color__a" x1="18" y1="15.98" x2="17.2" y2="11.16" gradientUnits="userSpaceOnUse"><stop stop-color="#63686E"/><stop offset="1" stop-color="#889096"/></linearGradient><linearGradient id="ic_fluent_laptop_20_color__b" x1="18" y1="15.93" x2="17.88" y2="14.08" gradientUnits="userSpaceOnUse"><stop stop-color="#889096"/><stop offset="1" stop-color="#AAB3BD"/></linearGradient><linearGradient id="ic_fluent_laptop_20_color__c" x1="12.8" y1="5" x2="13.28" y2="15.3" gradientUnits="userSpaceOnUse"><stop stop-color="#6CE0FF"/><stop offset="1" stop-color="#4894FE"/></linearGradient></defs>`, { color: true }));
export const LaptopFilled = ( /*#__PURE__*/createFluentIcon('LaptopFilled', "1em", ["M4.5 5C3.67 5 3 5.67 3 6.5v6c0 .83.67 1.5 1.5 1.5h11c.83 0 1.5-.67 1.5-1.5v-6c0-.83-.67-1.5-1.5-1.5h-11Zm-2 10a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1h-15Z"]));
export const LaptopRegular = ( /*#__PURE__*/createFluentIcon('LaptopRegular', "1em", ["M3 7c0-1.1.9-2 2-2h10a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7Zm2-1a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1H5Zm-3 9.5c0-.28.22-.5.5-.5h15a.5.5 0 0 1 0 1h-15a.5.5 0 0 1-.5-.5Z"]));
export const Laptop16Regular = ( /*#__PURE__*/createFluentIcon('Laptop16Regular', "16", ["M4.5 4C3.67 4 3 4.67 3 5.5v4c0 .83.67 1.5 1.5 1.5h7c.83 0 1.5-.67 1.5-1.5v-4c0-.83-.67-1.5-1.5-1.5h-7ZM4 5.5c0-.28.22-.5.5-.5h7c.28 0 .5.22.5.5v4a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5v-4ZM2.5 12a.5.5 0 0 0 0 1h11a.5.5 0 0 0 0-1h-11Z"]));
export const Laptop16Filled = ( /*#__PURE__*/createFluentIcon('Laptop16Filled', "16", ["M3 5.5C3 4.67 3.67 4 4.5 4h7c.83 0 1.5.67 1.5 1.5v4c0 .83-.67 1.5-1.5 1.5h-7A1.5 1.5 0 0 1 3 9.5v-4ZM2.5 12a.5.5 0 0 0 0 1h11a.5.5 0 0 0 0-1h-11Z"]));
export const Laptop16Color = ( /*#__PURE__*/createFluentIcon('Laptop16Color', "16", `<path d="m4.5 11 3.5-.5 3.5.5h.26a1 1 0 0 1 .45.1l1.34.68a.8.8 0 0 1 .45.72H2c0-.3.17-.59.45-.72l1.34-.67a1 1 0 0 1 .45-.11h.26Z" fill="url(#ic_fluent_laptop_16_color__a)"/><path d="M2.5 12a.5.5 0 0 0 0 1h11a.5.5 0 0 0 0-1h-11Z" fill="url(#ic_fluent_laptop_16_color__b)"/><path d="M3 5.5C3 4.67 3.67 4 4.5 4h7c.83 0 1.5.67 1.5 1.5v4c0 .83-.67 1.5-1.5 1.5h-7A1.5 1.5 0 0 1 3 9.5v-4Z" fill="url(#ic_fluent_laptop_16_color__c)"/><defs><linearGradient id="ic_fluent_laptop_16_color__a" x1="14" y1="12.98" x2="12.95" y2="8.26" gradientUnits="userSpaceOnUse"><stop stop-color="#63686E"/><stop offset="1" stop-color="#889096"/></linearGradient><linearGradient id="ic_fluent_laptop_16_color__b" x1="14" y1="12.93" x2="13.85" y2="11.08" gradientUnits="userSpaceOnUse"><stop stop-color="#889096"/><stop offset="1" stop-color="#AAB3BD"/></linearGradient><linearGradient id="ic_fluent_laptop_16_color__c" x1="10" y1="4" x2="10.41" y2="12.01" gradientUnits="userSpaceOnUse"><stop stop-color="#6CE0FF"/><stop offset="1" stop-color="#4894FE"/></linearGradient></defs>`, { color: true }));
export const Laptop20Regular = ( /*#__PURE__*/createFluentIcon('Laptop20Regular', "20", ["M3 7c0-1.1.9-2 2-2h10a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7Zm2-1a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1H5Zm-3 9.5c0-.28.22-.5.5-.5h15a.5.5 0 0 1 0 1h-15a.5.5 0 0 1-.5-.5Z"]));
export const Laptop20Filled = ( /*#__PURE__*/createFluentIcon('Laptop20Filled', "20", ["M4.5 5C3.67 5 3 5.67 3 6.5v6c0 .83.67 1.5 1.5 1.5h11c.83 0 1.5-.67 1.5-1.5v-6c0-.83-.67-1.5-1.5-1.5h-11Zm-2 10a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1h-15Z"]));
export const Laptop20Color = ( /*#__PURE__*/createFluentIcon('Laptop20Color', "20", `<path d="m4.5 14 5-.5 6 .5h.26a1 1 0 0 1 .45.1l1.34.68a.8.8 0 0 1 .45.72H2c0-.3.17-.59.45-.72l1.34-.67a1 1 0 0 1 .45-.11h.26Z" fill="url(#ic_fluent_laptop_20_color__a)"/><path d="M2.5 15a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1h-15Z" fill="url(#ic_fluent_laptop_20_color__b)"/><path d="M4.5 5C3.67 5 3 5.67 3 6.5v6c0 .83.67 1.5 1.5 1.5h11c.83 0 1.5-.67 1.5-1.5v-6c0-.83-.67-1.5-1.5-1.5h-11Z" fill="url(#ic_fluent_laptop_20_color__c)"/><defs><linearGradient id="ic_fluent_laptop_20_color__a" x1="18" y1="15.98" x2="17.2" y2="11.16" gradientUnits="userSpaceOnUse"><stop stop-color="#63686E"/><stop offset="1" stop-color="#889096"/></linearGradient><linearGradient id="ic_fluent_laptop_20_color__b" x1="18" y1="15.93" x2="17.88" y2="14.08" gradientUnits="userSpaceOnUse"><stop stop-color="#889096"/><stop offset="1" stop-color="#AAB3BD"/></linearGradient><linearGradient id="ic_fluent_laptop_20_color__c" x1="12.8" y1="5" x2="13.28" y2="15.3" gradientUnits="userSpaceOnUse"><stop stop-color="#6CE0FF"/><stop offset="1" stop-color="#4894FE"/></linearGradient></defs>`, { color: true }));
export const Laptop24Regular = ( /*#__PURE__*/createFluentIcon('Laptop24Regular', "24", ["M6.25 4C5.01 4 4 5 4 6.25v7.5C4 14.99 5 16 6.25 16h11.5c1.24 0 2.25-1 2.25-2.25v-7.5C20 5.01 19 4 17.75 4H6.25ZM5.5 6.25c0-.41.34-.75.75-.75h11.5c.41 0 .75.34.75.75v7.5c0 .41-.34.75-.75.75H6.25a.75.75 0 0 1-.75-.75v-7.5ZM2.75 17.5a.75.75 0 0 0 0 1.5h18.5a.75.75 0 0 0 0-1.5H2.75Z"]));
export const Laptop24Filled = ( /*#__PURE__*/createFluentIcon('Laptop24Filled', "24", ["M4 6.25C4 5.01 5 4 6.25 4h11.5C18.99 4 20 5 20 6.25v7.5c0 1.24-1 2.25-2.25 2.25H6.25C5.01 16 4 15 4 13.75v-7.5ZM2.75 17.5a.75.75 0 0 0 0 1.5h18.5a.75.75 0 0 0 0-1.5H2.75Z"]));
export const Laptop24Color = ( /*#__PURE__*/createFluentIcon('Laptop24Color', "24", `<path d="m6.25 16 5.75-.53 5.75.53h.07a1 1 0 0 1 .35.06l3.12 1.18c.43.15.7.56.71 1.01H2c0-.45.28-.85.7-1.01l3.13-1.18a1 1 0 0 1 .35-.06h.07Z" fill="url(#ic_fluent_laptop_24_color__a)"/><path d="M2.75 17.5a.75.75 0 0 0 0 1.5h18.5a.75.75 0 0 0 0-1.5H2.75Z" fill="url(#ic_fluent_laptop_24_color__b)"/><path d="M4 6.25C4 5.01 5 4 6.25 4h11.5C18.99 4 20 5 20 6.25v7.5c0 1.24-1 2.25-2.25 2.25H6.25C5.01 16 4 15 4 13.75v-7.5Z" fill="url(#ic_fluent_laptop_24_color__c)"/><defs><linearGradient id="ic_fluent_laptop_24_color__a" x1="22" y1="18.91" x2="20.77" y2="12.25" gradientUnits="userSpaceOnUse"><stop stop-color="#63686E"/><stop offset="1" stop-color="#889096"/></linearGradient><linearGradient id="ic_fluent_laptop_24_color__b" x1="22" y1="18.89" x2="21.79" y2="16.12" gradientUnits="userSpaceOnUse"><stop stop-color="#889096"/><stop offset="1" stop-color="#AAB3BD"/></linearGradient><linearGradient id="ic_fluent_laptop_24_color__c" x1="15.2" y1="4" x2="15.95" y2="17.72" gradientUnits="userSpaceOnUse"><stop stop-color="#6CE0FF"/><stop offset="1" stop-color="#4894FE"/></linearGradient></defs>`, { color: true }));
export const Laptop28Regular = ( /*#__PURE__*/createFluentIcon('Laptop28Regular', "28", ["M6.75 5A2.75 2.75 0 0 0 4 7.75v8.5A2.75 2.75 0 0 0 6.75 19h14.5A2.75 2.75 0 0 0 24 16.25v-8.5A2.75 2.75 0 0 0 21.25 5H6.75ZM5.5 7.75c0-.69.56-1.25 1.25-1.25h14.5c.7 0 1.25.56 1.25 1.25v8.5c0 .69-.56 1.25-1.25 1.25H6.75c-.69 0-1.25-.56-1.25-1.25v-8.5ZM2.75 20.5a.75.75 0 0 0 0 1.5h22.5a.75.75 0 0 0 0-1.5H2.75Z"]));
export const Laptop28Filled = ( /*#__PURE__*/createFluentIcon('Laptop28Filled', "28", ["M4 7.75A2.75 2.75 0 0 1 6.75 5h14.5A2.75 2.75 0 0 1 24 7.75v8.5A2.75 2.75 0 0 1 21.25 19H6.75A2.75 2.75 0 0 1 4 16.25v-8.5Zm-2 13.5c0-.41.34-.75.75-.75h22.5a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1-.75-.75Z"]));
export const Laptop28Color = ( /*#__PURE__*/createFluentIcon('Laptop28Color', "28", `<path d="m6.75 19 7.25-.5 7.25.5h.57a1 1 0 0 1 .35.06l3.12 1.18c.43.15.7.56.71 1.01H2c0-.45.28-.85.7-1.01l3.13-1.18a1 1 0 0 1 .35-.06h.57Z" fill="url(#ic_fluent_laptop_28_color__a)"/><path d="M2 21.25c0-.41.34-.75.75-.75h22.5a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1-.75-.75Z" fill="url(#ic_fluent_laptop_28_color__b)"/><path d="M4 7.75A2.75 2.75 0 0 1 6.75 5h14.5A2.75 2.75 0 0 1 24 7.75v8.5A2.75 2.75 0 0 1 21.25 19H6.75A2.75 2.75 0 0 1 4 16.25v-8.5Z" fill="url(#ic_fluent_laptop_28_color__c)"/><defs><linearGradient id="ic_fluent_laptop_28_color__a" x1="26" y1="21.9" x2="24.98" y2="15.25" gradientUnits="userSpaceOnUse"><stop stop-color="#63686E"/><stop offset="1" stop-color="#889096"/></linearGradient><linearGradient id="ic_fluent_laptop_28_color__b" x1="26" y1="21.89" x2="25.83" y2="19.12" gradientUnits="userSpaceOnUse"><stop stop-color="#889096"/><stop offset="1" stop-color="#AAB3BD"/></linearGradient><linearGradient id="ic_fluent_laptop_28_color__c" x1="18" y1="5" x2="18.82" y2="21.01" gradientUnits="userSpaceOnUse"><stop stop-color="#6CE0FF"/><stop offset="1" stop-color="#4894FE"/></linearGradient></defs>`, { color: true }));
export const Laptop32Regular = ( /*#__PURE__*/createFluentIcon('Laptop32Regular', "32", ["M7.25 6A3.25 3.25 0 0 0 4 9.25v9.5C4 20.55 5.46 22 7.25 22h17.5c1.8 0 3.25-1.46 3.25-3.25v-9.5C28 7.45 26.54 6 24.75 6H7.25ZM6 9.25C6 8.56 6.56 8 7.25 8h17.5c.69 0 1.25.56 1.25 1.25v9.5c0 .69-.56 1.25-1.25 1.25H7.25C6.56 20 6 19.44 6 18.75v-9.5ZM3 24a1 1 0 1 0 0 2h26a1 1 0 1 0 0-2H3Z"]));
export const Laptop32Filled = ( /*#__PURE__*/createFluentIcon('Laptop32Filled', "32", ["M4 9.25C4 7.45 5.46 6 7.25 6h17.5C26.55 6 28 7.46 28 9.25v9.5c0 1.8-1.46 3.25-3.25 3.25H7.25A3.25 3.25 0 0 1 4 18.75v-9.5ZM3 24a1 1 0 1 0 0 2h26a1 1 0 1 0 0-2H3Z"]));
export const Laptop32Color = ( /*#__PURE__*/createFluentIcon('Laptop32Color', "32", `<path d="m7.5 22 8.5-.5 8.5.5h.3a1 1 0 0 1 .38.07l3.9 1.56c.55.22.92.77.92 1.37H2c0-.6.37-1.15.93-1.37l3.9-1.56a1 1 0 0 1 .36-.07h.31Z" fill="url(#ic_fluent_laptop_32_color__a)"/><path d="M3 24a1 1 0 1 0 0 2h26a1 1 0 1 0 0-2H3Z" fill="url(#ic_fluent_laptop_32_color__b)"/><path d="M4 9.25C4 7.45 5.46 6 7.25 6h17.5C26.55 6 28 7.46 28 9.25v9.5c0 1.8-1.46 3.25-3.25 3.25H7.25A3.25 3.25 0 0 1 4 18.75v-9.5Z" fill="url(#ic_fluent_laptop_32_color__c)"/><defs><linearGradient id="ic_fluent_laptop_32_color__a" x1="29.91" y1="27.07" x2="27.62" y2="16.42" gradientUnits="userSpaceOnUse"><stop stop-color="#63686E"/><stop offset="1" stop-color="#889096"/></linearGradient><linearGradient id="ic_fluent_laptop_32_color__b" x1="30" y1="25.86" x2="29.74" y2="22.16" gradientUnits="userSpaceOnUse"><stop stop-color="#889096"/><stop offset="1" stop-color="#AAB3BD"/></linearGradient><linearGradient id="ic_fluent_laptop_32_color__c" x1="20.8" y1="6" x2="21.69" y2="24.31" gradientUnits="userSpaceOnUse"><stop stop-color="#6CE0FF"/><stop offset="1" stop-color="#4894FE"/></linearGradient></defs>`, { color: true }));
export const Laptop48Regular = ( /*#__PURE__*/createFluentIcon('Laptop48Regular', "48", ["M12.25 8A4.25 4.25 0 0 0 8 12.25v15.5C8 30.1 9.9 32 12.25 32h23.5C38.1 32 40 30.1 40 27.75v-15.5C40 9.9 38.1 8 35.75 8h-23.5Zm-1.75 4.25c0-.97.78-1.75 1.75-1.75h23.5c.97 0 1.75.78 1.75 1.75v15.5c0 .97-.78 1.75-1.75 1.75h-23.5c-.97 0-1.75-.78-1.75-1.75v-15.5ZM5.25 35.5a1.25 1.25 0 1 0 0 2.5h37.5a1.25 1.25 0 1 0 0-2.5H5.25Z"]));
export const Laptop48Filled = ( /*#__PURE__*/createFluentIcon('Laptop48Filled', "48", ["M8 12.25C8 9.9 9.9 8 12.25 8h23.5C38.1 8 40 9.9 40 12.25v15.5C40 30.1 38.1 32 35.75 32h-23.5A4.25 4.25 0 0 1 8 27.75v-15.5ZM5.25 35.5a1.25 1.25 0 1 0 0 2.5h37.5a1.25 1.25 0 1 0 0-2.5H5.25Z"]));
export const Laptop48Color = ( /*#__PURE__*/createFluentIcon('Laptop48Color', "48", `<path d="M35.8 32h-.3l-11-.5-12 .5h-.3a1 1 0 0 0-.4.08L5.16 35c-.7.3-1.15 1-1.15 1.75h40c0-.76-.45-1.45-1.15-1.75l-6.66-2.92a1 1 0 0 0-.4-.08Z" fill="url(#ic_fluent_laptop_48_color__a)"/><path d="M5.25 35.5a1.25 1.25 0 1 0 0 2.5h37.5a1.25 1.25 0 1 0 0-2.5H5.25Z" fill="url(#ic_fluent_laptop_48_color__b)"/><path d="M8 12.25C8 9.9 9.9 8 12.25 8h23.5C38.1 8 40 9.9 40 12.25v15.5C40 30.1 38.1 32 35.75 32h-23.5A4.25 4.25 0 0 1 8 27.75v-15.5Z" fill="url(#ic_fluent_laptop_48_color__c)"/><defs><linearGradient id="ic_fluent_laptop_48_color__a" x1="44" y1="38" x2="41.79" y2="25.39" gradientUnits="userSpaceOnUse"><stop stop-color="#63686E"/><stop offset="1" stop-color="#889096"/></linearGradient><linearGradient id="ic_fluent_laptop_48_color__b" x1="44" y1="37.82" x2="43.71" y2="33.2" gradientUnits="userSpaceOnUse"><stop stop-color="#889096"/><stop offset="1" stop-color="#AAB3BD"/></linearGradient><linearGradient id="ic_fluent_laptop_48_color__c" x1="30.4" y1="8" x2="31.9" y2="35.44" gradientUnits="userSpaceOnUse"><stop stop-color="#6CE0FF"/><stop offset="1" stop-color="#4894FE"/></linearGradient></defs>`, { color: true }));