@fluentui/react-icons
Version:
Fluent System Icons are a collection of familiar, friendly, and modern icons from Microsoft.
27 lines (26 loc) • 11.8 kB
JavaScript
"use client";
import { createFluentIcon } from '../../utils/createFluentIcon';
export const PhoneColor = ( /*#__PURE__*/createFluentIcon('PhoneColor', "1em", `<path d="M6.5 2C5.67 2 5 2.67 5 3.5v13c0 .83.67 1.5 1.5 1.5h7c.83 0 1.5-.67 1.5-1.5v-13c0-.83-.67-1.5-1.5-1.5h-7Z" fill="url(#ic_fluent_phone_20_color__a)"/><path d="M9 14h2a.5.5 0 0 1 0 1H9a.5.5 0 0 1 0-1Z" fill="url(#ic_fluent_phone_20_color__b)"/><defs><radialGradient id="ic_fluent_phone_20_color__a" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(9.68748 18.09997 -35.3524 18.92133 5 1.5)"><stop stop-color="#CB7DF8"/><stop offset=".41" stop-color="#9C6CFE"/><stop offset="1" stop-color="#4E44DB"/></radialGradient><radialGradient id="ic_fluent_phone_20_color__b" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(40.86 -14.86 17.81) scale(5.24774 6.16903)"><stop stop-color="#DECBFF"/><stop offset="1" stop-color="#D1D1FF"/></radialGradient></defs>`, { color: true }));
export const PhoneFilled = ( /*#__PURE__*/createFluentIcon('PhoneFilled', "1em", ["M6.5 2C5.67 2 5 2.67 5 3.5v13c0 .83.67 1.5 1.5 1.5h7c.83 0 1.5-.67 1.5-1.5v-13c0-.83-.67-1.5-1.5-1.5h-7ZM9 14h2a.5.5 0 0 1 0 1H9a.5.5 0 0 1 0-1Z"]));
export const PhoneRegular = ( /*#__PURE__*/createFluentIcon('PhoneRegular', "1em", ["M9 14a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1H9ZM7 2a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h6a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H7ZM6 4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V4Z"]));
export const Phone12Regular = ( /*#__PURE__*/createFluentIcon('Phone12Regular', "12", ["M5.5 8a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1Zm-1-7C3.67 1 3 1.67 3 2.5v7c0 .83.67 1.5 1.5 1.5h3c.83 0 1.5-.67 1.5-1.5v-7C9 1.67 8.33 1 7.5 1h-3ZM4 2.5c0-.28.22-.5.5-.5h3c.28 0 .5.22.5.5v7a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-7Z"]));
export const Phone12Filled = ( /*#__PURE__*/createFluentIcon('Phone12Filled', "12", ["M3 2.5C3 1.67 3.67 1 4.5 1h3C8.33 1 9 1.67 9 2.5v7c0 .83-.67 1.5-1.5 1.5h-3A1.5 1.5 0 0 1 3 9.5v-7ZM5.5 8a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1Z"]));
export const Phone16Regular = ( /*#__PURE__*/createFluentIcon('Phone16Regular', "16", ["M7 12a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1H7ZM5.75 1C4.78 1 4 1.78 4 2.75v10.5c0 .97.78 1.75 1.75 1.75h4.5c.97 0 1.75-.78 1.75-1.75V2.75C12 1.78 11.22 1 10.25 1h-4.5ZM5 2.75c0-.41.34-.75.75-.75h4.5c.41 0 .75.34.75.75v10.5c0 .41-.34.75-.75.75h-4.5a.75.75 0 0 1-.75-.75V2.75Z"]));
export const Phone16Filled = ( /*#__PURE__*/createFluentIcon('Phone16Filled', "16", ["M4 2.75C4 1.78 4.78 1 5.75 1h4.5c.97 0 1.75.78 1.75 1.75v10.5c0 .97-.78 1.75-1.75 1.75h-4.5C4.78 15 4 14.22 4 13.25V2.75ZM7 12a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1H7Z"]));
export const Phone16Color = ( /*#__PURE__*/createFluentIcon('Phone16Color', "16", `<path d="M4 2.75C4 1.78 4.78 1 5.75 1h4.5c.97 0 1.75.78 1.75 1.75v10.5c0 .97-.78 1.75-1.75 1.75h-4.5C4.78 15 4 14.22 4 13.25V2.75Z" fill="url(#ic_fluent_phone_16_color__a)"/><path d="M7 12a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1H7Z" fill="url(#ic_fluent_phone_16_color__b)"/><defs><radialGradient id="ic_fluent_phone_16_color__a" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(7.74999 15.83746 -29.35436 14.36442 4 .56)"><stop stop-color="#CB7DF8"/><stop offset=".41" stop-color="#9C6CFE"/><stop offset="1" stop-color="#4E44DB"/></radialGradient><radialGradient id="ic_fluent_phone_16_color__b" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(40.86 -13.18 14.13) scale(5.24774 6.16903)"><stop stop-color="#DECBFF"/><stop offset="1" stop-color="#D1D1FF"/></radialGradient></defs>`, { color: true }));
export const Phone20Regular = ( /*#__PURE__*/createFluentIcon('Phone20Regular', "20", ["M9 14a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1H9ZM7 2a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h6a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H7ZM6 4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V4Z"]));
export const Phone20Filled = ( /*#__PURE__*/createFluentIcon('Phone20Filled', "20", ["M6.5 2C5.67 2 5 2.67 5 3.5v13c0 .83.67 1.5 1.5 1.5h7c.83 0 1.5-.67 1.5-1.5v-13c0-.83-.67-1.5-1.5-1.5h-7ZM9 14h2a.5.5 0 0 1 0 1H9a.5.5 0 0 1 0-1Z"]));
export const Phone20Color = ( /*#__PURE__*/createFluentIcon('Phone20Color', "20", `<path d="M6.5 2C5.67 2 5 2.67 5 3.5v13c0 .83.67 1.5 1.5 1.5h7c.83 0 1.5-.67 1.5-1.5v-13c0-.83-.67-1.5-1.5-1.5h-7Z" fill="url(#ic_fluent_phone_20_color__a)"/><path d="M9 14h2a.5.5 0 0 1 0 1H9a.5.5 0 0 1 0-1Z" fill="url(#ic_fluent_phone_20_color__b)"/><defs><radialGradient id="ic_fluent_phone_20_color__a" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(9.68748 18.09997 -35.3524 18.92133 5 1.5)"><stop stop-color="#CB7DF8"/><stop offset=".41" stop-color="#9C6CFE"/><stop offset="1" stop-color="#4E44DB"/></radialGradient><radialGradient id="ic_fluent_phone_20_color__b" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(40.86 -14.86 17.81) scale(5.24774 6.16903)"><stop stop-color="#DECBFF"/><stop offset="1" stop-color="#D1D1FF"/></radialGradient></defs>`, { color: true }));
export const Phone24Regular = ( /*#__PURE__*/createFluentIcon('Phone24Regular', "24", ["M15.75 2C16.99 2 18 3 18 4.25v15.5c0 1.24-1 2.25-2.25 2.25h-7.5C7.01 22 6 21 6 19.75V4.25C6 3.01 7 2 8.25 2h7.5Zm0 1.5h-7.5a.75.75 0 0 0-.75.75v15.5c0 .41.34.75.75.75h7.5c.41 0 .75-.34.75-.75V4.25a.75.75 0 0 0-.75-.75Zm-2.5 14a.75.75 0 0 1 0 1.5h-2.5a.75.75 0 0 1 0-1.5h2.5Z"]));
export const Phone24Filled = ( /*#__PURE__*/createFluentIcon('Phone24Filled', "24", ["M15.75 2C16.99 2 18 3 18 4.25v15.5c0 1.24-1 2.25-2.25 2.25h-7.5C7.01 22 6 21 6 19.75V4.25C6 3.01 7 2 8.25 2h7.5Zm-2.5 16h-2.5a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5Z"]));
export const Phone24Color = ( /*#__PURE__*/createFluentIcon('Phone24Color', "24", `<path d="M15.75 2C16.99 2 18 3 18 4.25v15.5c0 1.24-1 2.25-2.25 2.25h-7.5C7.01 22 6 21 6 19.75V4.25C6 3.01 7 2 8.25 2h7.5Z" fill="url(#ic_fluent_phone_24_color__a)"/><path d="M13.25 18h-2.5a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5Z" fill="url(#ic_fluent_phone_24_color__b)"/><defs><radialGradient id="ic_fluent_phone_24_color__a" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.62502 22.62498 -43.17655 22.18468 6 1.38)"><stop stop-color="#CB7DF8"/><stop offset=".41" stop-color="#9C6CFE"/><stop offset="1" stop-color="#4E44DB"/></radialGradient><radialGradient id="ic_fluent_phone_24_color__b" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(5.29166 5.15 -6.11557 6.2838 9.38 18.1)"><stop stop-color="#DECBFF"/><stop offset="1" stop-color="#D1D1FF"/></radialGradient></defs>`, { color: true }));
export const Phone28Regular = ( /*#__PURE__*/createFluentIcon('Phone28Regular', "28", ["M9.75 2A2.75 2.75 0 0 0 7 4.75v18.5A2.75 2.75 0 0 0 9.75 26h8.5A2.75 2.75 0 0 0 21 23.25V4.75A2.75 2.75 0 0 0 18.25 2h-8.5ZM8.5 4.75c0-.69.56-1.25 1.25-1.25h8.5c.69 0 1.25.56 1.25 1.25v18.5c0 .69-.56 1.25-1.25 1.25h-8.5c-.69 0-1.25-.56-1.25-1.25V4.75ZM12.25 21a.75.75 0 0 0 0 1.5h3.5a.75.75 0 0 0 0-1.5h-3.5Z"]));
export const Phone28Filled = ( /*#__PURE__*/createFluentIcon('Phone28Filled', "28", ["M7 4.75A2.75 2.75 0 0 1 9.75 2h8.5A2.75 2.75 0 0 1 21 4.75v18.5A2.75 2.75 0 0 1 18.25 26h-8.5A2.75 2.75 0 0 1 7 23.25V4.75ZM12.25 21a.75.75 0 0 0 0 1.5h3.5a.75.75 0 0 0 0-1.5h-3.5Z"]));
export const Phone28Color = ( /*#__PURE__*/createFluentIcon('Phone28Color', "28", `<path d="M7 4.75A2.75 2.75 0 0 1 9.75 2h8.5A2.75 2.75 0 0 1 21 4.75v18.5A2.75 2.75 0 0 1 18.25 26h-8.5A2.75 2.75 0 0 1 7 23.25V4.75Z" fill="url(#ic_fluent_phone_28_color__a)"/><path d="M12.25 21a.75.75 0 0 0 0 1.5h3.5a.75.75 0 0 0 0-1.5h-3.5Z" fill="url(#ic_fluent_phone_28_color__b)"/><defs><radialGradient id="ic_fluent_phone_28_color__a" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(13.56252 27.14962 -50.95544 25.45465 7 1.25)"><stop stop-color="#CB7DF8"/><stop offset=".41" stop-color="#9C6CFE"/><stop offset="1" stop-color="#4E44DB"/></radialGradient><radialGradient id="ic_fluent_phone_28_color__b" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(6.61458 5.15 -5.93108 7.6178 10.72 21.1)"><stop stop-color="#DECBFF"/><stop offset="1" stop-color="#D1D1FF"/></radialGradient></defs>`, { color: true }));
export const Phone32Regular = ( /*#__PURE__*/createFluentIcon('Phone32Regular', "32", ["M10.25 2A3.25 3.25 0 0 0 7 5.25v21.5C7 28.55 8.46 30 10.25 30h11.5c1.8 0 3.25-1.46 3.25-3.25V5.25C25 3.45 23.54 2 21.75 2h-11.5ZM9 5.25C9 4.56 9.56 4 10.25 4h11.5c.69 0 1.25.56 1.25 1.25v21.5c0 .69-.56 1.25-1.25 1.25h-11.5C9.56 28 9 27.44 9 26.75V5.25ZM14 24a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2h-4Z"]));
export const Phone32Filled = ( /*#__PURE__*/createFluentIcon('Phone32Filled', "32", ["M10.25 2A3.25 3.25 0 0 0 7 5.25v21.5C7 28.55 8.46 30 10.25 30h11.5c1.8 0 3.25-1.46 3.25-3.25V5.25C25 3.45 23.54 2 21.75 2h-11.5ZM14 24h4a1 1 0 1 1 0 2h-4a1 1 0 1 1 0-2Z"]));
export const Phone32Light = ( /*#__PURE__*/createFluentIcon('Phone32Light', "32", ["M13.5 24a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5ZM10.25 2A3.25 3.25 0 0 0 7 5.25v21.5C7 28.55 8.46 30 10.25 30h11.5c1.8 0 3.25-1.46 3.25-3.25V5.25C25 3.45 23.54 2 21.75 2h-11.5ZM8 5.25C8 4.01 9 3 10.25 3h11.5C22.99 3 24 4 24 5.25v21.5c0 1.24-1 2.25-2.25 2.25h-11.5C9.01 29 8 28 8 26.75V5.25Z"]));
export const Phone32Color = ( /*#__PURE__*/createFluentIcon('Phone32Color', "32", `<path d="M10.25 2A3.25 3.25 0 0 0 7 5.25v21.5C7 28.55 8.46 30 10.25 30h11.5c1.8 0 3.25-1.46 3.25-3.25V5.25C25 3.45 23.54 2 21.75 2h-11.5Z" fill="url(#ic_fluent_phone_32_color__a)"/><path d="M14 24h4a1 1 0 1 1 0 2h-4a1 1 0 1 1 0-2Z" fill="url(#ic_fluent_phone_32_color__b)"/><defs><radialGradient id="ic_fluent_phone_32_color__a" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(61.17 2.55 6.48) scale(36.1576 71.7141)"><stop stop-color="#CB7DF8"/><stop offset=".41" stop-color="#9C6CFE"/><stop offset="1" stop-color="#4E44DB"/></radialGradient><radialGradient id="ic_fluent_phone_32_color__b" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(7.93752 6.86668 -8.0722 9.33104 12.06 24.13)"><stop stop-color="#DECBFF"/><stop offset="1" stop-color="#D1D1FF"/></radialGradient></defs>`, { color: true }));
export const Phone48Regular = ( /*#__PURE__*/createFluentIcon('Phone48Regular', "48", ["M16.25 4A4.25 4.25 0 0 0 12 8.25v31.5C12 42.1 13.9 44 16.25 44h15.5C34.1 44 36 42.1 36 39.75V8.25C36 5.9 34.1 4 31.75 4h-15.5ZM14.5 8.25c0-.97.78-1.75 1.75-1.75h15.5c.97 0 1.75.78 1.75 1.75v31.5c0 .97-.78 1.75-1.75 1.75h-15.5c-.97 0-1.75-.78-1.75-1.75V8.25Zm6.75 27.25a1.25 1.25 0 1 0 0 2.5h5.5a1.25 1.25 0 1 0 0-2.5h-5.5Z"]));
export const Phone48Filled = ( /*#__PURE__*/createFluentIcon('Phone48Filled', "48", ["M16.25 4A4.25 4.25 0 0 0 12 8.25v31.5C12 42.1 13.9 44 16.25 44h15.5C34.1 44 36 42.1 36 39.75V8.25C36 5.9 34.1 4 31.75 4h-15.5Zm5 31.5h5.5a1.25 1.25 0 1 1 0 2.5h-5.5a1.25 1.25 0 1 1 0-2.5Z"]));
export const Phone48Color = ( /*#__PURE__*/createFluentIcon('Phone48Color', "48", `<path d="M16.25 4A4.25 4.25 0 0 0 12 8.25v31.5C12 42.1 13.9 44 16.25 44h15.5C34.1 44 36 42.1 36 39.75V8.25C36 5.9 34.1 4 31.75 4h-15.5Z" fill="url(#ic_fluent_phone_48_color__a)"/><path d="M21.25 35.5h5.5a1.25 1.25 0 1 1 0 2.5h-5.5a1.25 1.25 0 1 1 0-2.5Z" fill="url(#ic_fluent_phone_48_color__b)"/><defs><radialGradient id="ic_fluent_phone_48_color__a" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(62.81 3.75 11.2) scale(50.8736 97.0851)"><stop stop-color="#CB7DF8"/><stop offset=".41" stop-color="#9C6CFE"/><stop offset="1" stop-color="#4E44DB"/></radialGradient><radialGradient id="ic_fluent_phone_48_color__b" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(10.58336 8.58336 -9.9767 12.30136 18.75 35.67)"><stop stop-color="#DECBFF"/><stop offset="1" stop-color="#D1D1FF"/></radialGradient></defs>`, { color: true }));