@fluentui/react-icons
Version:
Fluent System Icons are a collection of familiar, friendly, and modern icons from Microsoft.
27 lines (26 loc) • 12.4 kB
JavaScript
"use client";
import { createFluentIcon } from '../../utils/createFluentIcon';
export const ChatColor = ( /*#__PURE__*/createFluentIcon('ChatColor', "1em", `<path d="M10 2a8 8 0 1 1-3.61 15.14l-.12-.07-3.65.92a.5.5 0 0 1-.62-.45v-.08l.01-.08.92-3.64-.07-.12a7.95 7.95 0 0 1-.83-2.9l-.02-.37L2 10a8 8 0 0 1 8-8Z" fill="url(#ic_fluent_chat_20_color__a)"/><path d="M10.5 11H7.41a.5.5 0 0 0 0 1H10.59a.5.5 0 0 0 0-1h-.09Zm2-3H7.41a.5.5 0 0 0 0 1h5.18a.5.5 0 0 0 0-1h-.09Z" fill="url(#ic_fluent_chat_20_color__b)"/><defs><linearGradient id="ic_fluent_chat_20_color__a" x1="2.57" y1="5" x2="16.54" y2="28.82" gradientUnits="userSpaceOnUse"><stop stop-color="#0FAFFF"/><stop offset="1" stop-color="#CC23D1"/></linearGradient><linearGradient id="ic_fluent_chat_20_color__b" x1="7.52" y1="8.07" x2="7.97" y2="12.41" gradientUnits="userSpaceOnUse"><stop stop-color="#FDFDFD"/><stop offset="1" stop-color="#CCEAFF"/></linearGradient></defs>`, { color: true }));
export const ChatFilled = ( /*#__PURE__*/createFluentIcon('ChatFilled', "1em", ["M10 2a8 8 0 1 1-3.61 15.14l-.12-.07-3.65.92a.5.5 0 0 1-.62-.45v-.08l.01-.08.92-3.64-.07-.12a7.95 7.95 0 0 1-.83-2.9l-.02-.37L2 10a8 8 0 0 1 8-8Zm.5 9H7.41a.5.5 0 0 0 0 1H10.59a.5.5 0 0 0 0-1h-.09Zm2-3H7.41a.5.5 0 0 0 0 1h5.18a.5.5 0 0 0 0-1h-.09Z"]));
export const ChatRegular = ( /*#__PURE__*/createFluentIcon('ChatRegular', "1em", ["M10 2a8 8 0 1 1-3.61 15.14l-.12-.07-3.65.92a.5.5 0 0 1-.62-.45v-.08l.01-.08.92-3.64-.07-.12a7.95 7.95 0 0 1-.83-2.9l-.02-.37L2 10a8 8 0 0 1 8-8Zm0 1a7 7 0 0 0-6.1 10.42.5.5 0 0 1 .06.28l-.02.1-.75 3.01 3.02-.75a.5.5 0 0 1 .19-.01l.09.02.09.04A7 7 0 1 0 10 3Zm.5 8a.5.5 0 0 1 .09 1H7.5a.5.5 0 0 1-.09-1h3.09Zm2-3a.5.5 0 0 1 .09 1H7.5a.5.5 0 0 1-.09-1h5.09Z"]));
export const Chat12Regular = ( /*#__PURE__*/createFluentIcon('Chat12Regular', "12", ["M4 5.5c0-.28.22-.5.5-.5h3a.5.5 0 1 1 0 1h-3a.5.5 0 0 1-.5-.5ZM4.5 7a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2ZM1 6a5 5 0 1 1 2.6 4.38l-1.95.6a.5.5 0 0 1-.63-.63l.6-1.95A4.98 4.98 0 0 1 1 6Zm5-4a4 4 0 0 0-3.42 6.08c.08.12.1.27.05.4l-.38 1.26 1.26-.38a.5.5 0 0 1 .4.05A4 4 0 1 0 6 2Z"]));
export const Chat12Filled = ( /*#__PURE__*/createFluentIcon('Chat12Filled', "12", ["M1 6a5 5 0 1 1 2.6 4.38l-1.95.6a.5.5 0 0 1-.63-.63l.6-1.95A4.98 4.98 0 0 1 1 6Zm3-.5c0 .28.22.5.5.5h3a.5.5 0 0 0 0-1h-3a.5.5 0 0 0-.5.5ZM4.5 7a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2Z"]));
export const Chat16Regular = ( /*#__PURE__*/createFluentIcon('Chat16Regular', "16", ["M6 7c0-.28.22-.5.5-.5h3a.5.5 0 0 1 0 1h-3A.5.5 0 0 1 6 7Zm.5 1.5a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2ZM2 8a6 6 0 1 1 3 5.2l-2.34.77a.5.5 0 0 1-.64-.6l.71-2.5A5.98 5.98 0 0 1 2 8Zm6-5a5 5 0 0 0-4.3 7.55.5.5 0 0 1 .05.4l-.5 1.78 1.65-.56a.5.5 0 0 1 .43.06A5 5 0 1 0 8 3Z"]));
export const Chat16Filled = ( /*#__PURE__*/createFluentIcon('Chat16Filled', "16", ["M8 2a6 6 0 0 0-5.27 8.87l-.71 2.5a.5.5 0 0 0 .64.6L5 13.2A6 6 0 1 0 8 2ZM6 7c0-.28.22-.5.5-.5h3a.5.5 0 0 1 0 1h-3A.5.5 0 0 1 6 7Zm.5 1.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1Z"]));
export const Chat16Color = ( /*#__PURE__*/createFluentIcon('Chat16Color', "16", `<path d="M8 2a6 6 0 0 0-5.27 8.87l-.71 2.5a.5.5 0 0 0 .64.6L5 13.2A6 6 0 1 0 8 2Z" fill="url(#ic_fluent_chat_16_color__a)"/><path d="M6 7c0-.28.22-.5.5-.5h3a.5.5 0 0 1 0 1h-3A.5.5 0 0 1 6 7Zm.5 1.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1Z" fill="url(#ic_fluent_chat_16_color__b)"/><defs><linearGradient id="ic_fluent_chat_16_color__a" x1="2.43" y1="4.25" x2="12.9" y2="22.11" gradientUnits="userSpaceOnUse"><stop stop-color="#0FAFFF"/><stop offset="1" stop-color="#CC23D1"/></linearGradient><linearGradient id="ic_fluent_chat_16_color__b" x1="6.35" y1="6.55" x2="6.73" y2="9.8" gradientUnits="userSpaceOnUse"><stop stop-color="#FDFDFD"/><stop offset="1" stop-color="#CCEAFF"/></linearGradient></defs>`, { color: true }));
export const Chat20Regular = ( /*#__PURE__*/createFluentIcon('Chat20Regular', "20", ["M10 2a8 8 0 1 1-3.61 15.14l-.12-.07-3.65.92a.5.5 0 0 1-.62-.45v-.08l.01-.08.92-3.64-.07-.12a7.95 7.95 0 0 1-.83-2.9l-.02-.37L2 10a8 8 0 0 1 8-8Zm0 1a7 7 0 0 0-6.1 10.42.5.5 0 0 1 .06.28l-.02.1-.75 3.01 3.02-.75a.5.5 0 0 1 .19-.01l.09.02.09.04A7 7 0 1 0 10 3Zm.5 8a.5.5 0 0 1 .09 1H7.5a.5.5 0 0 1-.09-1h3.09Zm2-3a.5.5 0 0 1 .09 1H7.5a.5.5 0 0 1-.09-1h5.09Z"]));
export const Chat20Filled = ( /*#__PURE__*/createFluentIcon('Chat20Filled', "20", ["M10 2a8 8 0 1 1-3.61 15.14l-.12-.07-3.65.92a.5.5 0 0 1-.62-.45v-.08l.01-.08.92-3.64-.07-.12a7.95 7.95 0 0 1-.83-2.9l-.02-.37L2 10a8 8 0 0 1 8-8Zm.5 9H7.41a.5.5 0 0 0 0 1H10.59a.5.5 0 0 0 0-1h-.09Zm2-3H7.41a.5.5 0 0 0 0 1h5.18a.5.5 0 0 0 0-1h-.09Z"]));
export const Chat20Color = ( /*#__PURE__*/createFluentIcon('Chat20Color', "20", `<path d="M10 2a8 8 0 1 1-3.61 15.14l-.12-.07-3.65.92a.5.5 0 0 1-.62-.45v-.08l.01-.08.92-3.64-.07-.12a7.95 7.95 0 0 1-.83-2.9l-.02-.37L2 10a8 8 0 0 1 8-8Z" fill="url(#ic_fluent_chat_20_color__a)"/><path d="M10.5 11H7.41a.5.5 0 0 0 0 1H10.59a.5.5 0 0 0 0-1h-.09Zm2-3H7.41a.5.5 0 0 0 0 1h5.18a.5.5 0 0 0 0-1h-.09Z" fill="url(#ic_fluent_chat_20_color__b)"/><defs><linearGradient id="ic_fluent_chat_20_color__a" x1="2.57" y1="5" x2="16.54" y2="28.82" gradientUnits="userSpaceOnUse"><stop stop-color="#0FAFFF"/><stop offset="1" stop-color="#CC23D1"/></linearGradient><linearGradient id="ic_fluent_chat_20_color__b" x1="7.52" y1="8.07" x2="7.97" y2="12.41" gradientUnits="userSpaceOnUse"><stop stop-color="#FDFDFD"/><stop offset="1" stop-color="#CCEAFF"/></linearGradient></defs>`, { color: true }));
export const Chat24Regular = ( /*#__PURE__*/createFluentIcon('Chat24Regular', "24", ["M12 2a10 10 0 1 1-4.59 18.89L3.6 21.96a1.25 1.25 0 0 1-1.54-1.54l1.06-3.83A10 10 0 0 1 12 2Zm0 1.5a8.5 8.5 0 0 0-7.43 12.64l.15.27-1.1 3.98 3.98-1.11.27.15A8.5 8.5 0 1 0 12 3.5ZM8.75 13h4.5a.75.75 0 0 1 .1 1.5h-4.6a.75.75 0 0 1-.1-1.5h4.6-4.5Zm0-3.5h6.5a.75.75 0 0 1 .1 1.5h-6.6a.75.75 0 0 1-.1-1.5h6.6-6.5Z"]));
export const Chat24Filled = ( /*#__PURE__*/createFluentIcon('Chat24Filled', "24", ["M12 2a10 10 0 1 1-4.64 18.86l-4.3 1.12a.85.85 0 0 1-1.03-1.04l1.11-4.29A10 10 0 0 1 12 2Zm1.25 11h-4.6a.75.75 0 0 0 0 1.5H13.35a.75.75 0 0 0 0-1.5h-.1Zm2-3.5h-6.6a.75.75 0 0 0 0 1.5H15.35a.75.75 0 0 0 0-1.5h-.1Z"]));
export const Chat24Color = ( /*#__PURE__*/createFluentIcon('Chat24Color', "24", `<path d="M12 2a10 10 0 1 1-4.64 18.86l-4.3 1.12a.85.85 0 0 1-1.03-1.04l1.11-4.29A10 10 0 0 1 12 2Z" fill="url(#ic_fluent_chat_24_color__a)"/><path d="M13.25 13h-4.6a.75.75 0 0 0 0 1.5H13.35a.75.75 0 0 0 0-1.5h-.1Zm2-3.5h-6.6a.75.75 0 0 0 0 1.5H15.35a.75.75 0 0 0 0-1.5h-.1Z" fill="url(#ic_fluent_chat_24_color__b)"/><defs><linearGradient id="ic_fluent_chat_24_color__a" x1="2.71" y1="5.75" x2="20.18" y2="35.52" gradientUnits="userSpaceOnUse"><stop stop-color="#0FAFFF"/><stop offset="1" stop-color="#CC23D1"/></linearGradient><linearGradient id="ic_fluent_chat_24_color__b" x1="8.7" y1="9.59" x2="9.23" y2="15.02" gradientUnits="userSpaceOnUse"><stop stop-color="#FDFDFD"/><stop offset="1" stop-color="#CCEAFF"/></linearGradient></defs>`, { color: true }));
export const Chat28Regular = ( /*#__PURE__*/createFluentIcon('Chat28Regular', "28", ["M9.07 23.27a10.5 10.5 0 1 0-4.34-4.34c.18.35.22.75.12 1.12L3.6 24.39l4.34-1.24c.38-.1.78-.06 1.12.12ZM14 26c-2.04 0-3.96-.5-5.64-1.4L3.6 25.95c-.94.27-1.8-.6-1.54-1.54l1.36-4.77A12 12 0 1 1 14 26ZM9.5 11.75c0-.41.34-.75.75-.75h7.5a.75.75 0 0 1 0 1.5h-7.5a.75.75 0 0 1-.75-.75Zm0 4.5c0-.41.34-.75.75-.75h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75Z"]));
export const Chat28Filled = ( /*#__PURE__*/createFluentIcon('Chat28Filled', "28", ["M2 14a12 12 0 1 1 6.36 10.6L3.6 25.95c-.94.27-1.8-.6-1.54-1.54l1.36-4.77C2.5 17.96 2 16.04 2 14Zm7.5-2.25c0 .41.34.75.75.75h7.5a.75.75 0 0 0 0-1.5h-7.5a.75.75 0 0 0-.75.75Zm.75 3.75a.75.75 0 0 0 0 1.5h4.5a.75.75 0 0 0 0-1.5h-4.5Z"]));
export const Chat28Color = ( /*#__PURE__*/createFluentIcon('Chat28Color', "28", `<path d="M2 14a12 12 0 1 1 6.36 10.6L3.6 25.95c-.94.27-1.8-.6-1.54-1.54l1.36-4.77C2.5 17.96 2 16.04 2 14Zm7.5-2.25c0 .41.34.75.75.75h7.5a.75.75 0 0 0 0-1.5h-7.5a.75.75 0 0 0-.75.75Zm.75 3.75a.75.75 0 0 0 0 1.5h4.5a.75.75 0 0 0 0-1.5h-4.5Z" fill="url(#ic_fluent_chat_28_color__a)"/><path d="M9.5 11.75c0 .41.34.75.75.75h7.5a.75.75 0 0 0 0-1.5h-7.5a.75.75 0 0 0-.75.75Zm.75 3.75a.75.75 0 0 0 0 1.5h4.5a.75.75 0 0 0 0-1.5h-4.5Z" fill="url(#ic_fluent_chat_28_color__b)"/><defs><linearGradient id="ic_fluent_chat_28_color__a" x1="2.86" y1="6.5" x2="23.81" y2="42.22" gradientUnits="userSpaceOnUse"><stop stop-color="#0FAFFF"/><stop offset="1" stop-color="#CC23D1"/></linearGradient><linearGradient id="ic_fluent_chat_28_color__b" x1="10.29" y1="11.11" x2="10.96" y2="17.62" gradientUnits="userSpaceOnUse"><stop stop-color="#FDFDFD"/><stop offset="1" stop-color="#CCEAFF"/></linearGradient></defs>`, { color: true }));
export const Chat32Regular = ( /*#__PURE__*/createFluentIcon('Chat32Regular', "32", ["M16 4A12 12 0 0 0 5.57 21.94a1 1 0 0 1 .1.77l-1.44 5.06 5.06-1.44a1 1 0 0 1 .77.1A12 12 0 1 0 16 4ZM2 16a14 14 0 1 1 7.44 12.37l-5.53 1.57a1.5 1.5 0 0 1-1.85-1.85l1.57-5.53A13.94 13.94 0 0 1 2 16Zm8-3a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H11a1 1 0 0 1-1-1Zm1 5a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2h-6Z"]));
export const Chat32Filled = ( /*#__PURE__*/createFluentIcon('Chat32Filled', "32", ["M2 16a14 14 0 1 1 7.44 12.37l-5.53 1.57a1.5 1.5 0 0 1-1.85-1.85l1.57-5.53A13.94 13.94 0 0 1 2 16Zm8-3a1 1 0 0 0 1 1h10a1 1 0 1 0 0-2H11a1 1 0 0 0-1 1Zm1 5a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2h-6Z"]));
export const Chat32Light = ( /*#__PURE__*/createFluentIcon('Chat32Light', "32", ["M16 2A14 14 0 0 0 3.63 22.56L2.06 28.1a1.5 1.5 0 0 0 1.85 1.85l5.53-1.57A14 14 0 1 0 16 2Zm0 27c-2.12 0-4.23-.52-6.09-1.51l-.36-.2L3.64 29a.52.52 0 0 1-.15.01.5.5 0 0 1-.47-.64l1.68-5.91-.19-.36A13.02 13.02 0 0 1 16 3a13.01 13.01 0 0 1 0 26Zm5.5-16h-11a.5.5 0 0 1 0-1h11a.5.5 0 0 1 0 1Zm-4 6h-7a.5.5 0 0 1 0-1h7a.5.5 0 0 1 0 1Z"]));
export const Chat32Color = ( /*#__PURE__*/createFluentIcon('Chat32Color', "32", `<path d="M2 16a14 14 0 1 1 7.44 12.37l-5.53 1.57a1.5 1.5 0 0 1-1.85-1.85l1.57-5.53A13.94 13.94 0 0 1 2 16Zm8-3a1 1 0 0 0 1 1h10a1 1 0 1 0 0-2H11a1 1 0 0 0-1 1Zm1 5a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2h-6Z" fill="url(#ic_fluent_chat_32_color__a)"/><path d="M10 13a1 1 0 0 0 1 1h10a1 1 0 1 0 0-2H11a1 1 0 0 0-1 1Zm1 5a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2h-6Z" fill="url(#ic_fluent_chat_32_color__b)"/><defs><linearGradient id="ic_fluent_chat_32_color__a" x1="3" y1="7.25" x2="27.45" y2="48.93" gradientUnits="userSpaceOnUse"><stop stop-color="#0FAFFF"/><stop offset="1" stop-color="#CC23D1"/></linearGradient><linearGradient id="ic_fluent_chat_32_color__b" x1="11.05" y1="12.14" x2="11.95" y2="20.83" gradientUnits="userSpaceOnUse"><stop stop-color="#FDFDFD"/><stop offset="1" stop-color="#CCEAFF"/></linearGradient></defs>`, { color: true }));
export const Chat48Regular = ( /*#__PURE__*/createFluentIcon('Chat48Regular', "48", ["M24 6.5A17.5 17.5 0 0 0 8.84 32.74c.17.3.21.65.12.97l-2.12 7.44 7.44-2.11c.33-.1.68-.05.97.12A17.5 17.5 0 1 0 24 6.5ZM4 24a20 20 0 1 1 10.47 17.59l-8.24 2.34a1.75 1.75 0 0 1-2.16-2.16l2.34-8.24A19.92 19.92 0 0 1 4 24Zm12-3.75c0-.69.56-1.25 1.25-1.25h13.5a1.25 1.25 0 1 1 0 2.5h-13.5c-.69 0-1.25-.56-1.25-1.25Zm1.25 6.25a1.25 1.25 0 1 0 0 2.5h9.5a1.25 1.25 0 1 0 0-2.5h-9.5Z"]));
export const Chat48Filled = ( /*#__PURE__*/createFluentIcon('Chat48Filled', "48", ["M4 24a20 20 0 1 1 10.47 17.59l-8.24 2.34a1.75 1.75 0 0 1-2.16-2.16l2.34-8.24A19.92 19.92 0 0 1 4 24Zm12-3.75c0 .69.56 1.25 1.25 1.25h13.5a1.25 1.25 0 1 0 0-2.5h-13.5c-.69 0-1.25.56-1.25 1.25Zm1.25 6.25a1.25 1.25 0 1 0 0 2.5h9.5a1.25 1.25 0 1 0 0-2.5h-9.5Z"]));
export const Chat48Color = ( /*#__PURE__*/createFluentIcon('Chat48Color', "48", `<path d="M4 24a20 20 0 1 1 10.47 17.59l-8.24 2.34a1.75 1.75 0 0 1-2.16-2.16l2.34-8.24A19.92 19.92 0 0 1 4 24Z" fill="url(#ic_fluent_chat_48_color__a)"/><path d="M16 20.25c0 .69.56 1.25 1.25 1.25h13.5a1.25 1.25 0 1 0 0-2.5h-13.5c-.69 0-1.25.56-1.25 1.25Zm1.25 6.25a1.25 1.25 0 1 0 0 2.5h9.5a1.25 1.25 0 1 0 0-2.5h-9.5Z" fill="url(#ic_fluent_chat_48_color__b)"/><defs><linearGradient id="ic_fluent_chat_48_color__a" x1="5.43" y1="11.5" x2="40.35" y2="71.04" gradientUnits="userSpaceOnUse"><stop stop-color="#0FAFFF"/><stop offset="1" stop-color="#CC23D1"/></linearGradient><linearGradient id="ic_fluent_chat_48_color__b" x1="17.4" y1="19.18" x2="18.45" y2="30.05" gradientUnits="userSpaceOnUse"><stop stop-color="#FDFDFD"/><stop offset="1" stop-color="#CCEAFF"/></linearGradient></defs>`, { color: true }));