@fluentui/react-icons
Version:
Fluent System Icons are a collection of familiar, friendly, and modern icons from Microsoft.
21 lines (20 loc) • 10.2 kB
JavaScript
"use client";
import { createFluentIcon } from '../../utils/createFluentIcon';
export const CommentMultipleColor = ( /*#__PURE__*/createFluentIcon('CommentMultipleColor', "1em", `<path d="M4 5.5A2.5 2.5 0 0 1 6.5 3h7A4.5 4.5 0 0 1 18 7.5v4a2.5 2.5 0 0 1-2.5 2.5h-7A4.5 4.5 0 0 1 4 9.5v-4Z" fill="#CD3E1D"/><path d="M2 7.5A2.5 2.5 0 0 1 4.5 5h9A2.5 2.5 0 0 1 16 7.5v6a2.5 2.5 0 0 1-2.5 2.5H9.06l-2.47 1.8A1 1 0 0 1 5 17v-1h-.5A2.5 2.5 0 0 1 2 13.5v-6Z" fill="url(#ic_fluent_comment_multiple_20_color__a)"/><defs><radialGradient id="ic_fluent_comment_multiple_20_color__a" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(47.45 -1.75 -.9) scale(24.8346 45.1436)"><stop stop-color="#FAB500"/><stop offset=".54" stop-color="#FE8401"/><stop offset="1" stop-color="#FB5937"/></radialGradient></defs>`, { color: true }));
export const CommentMultipleFilled = ( /*#__PURE__*/createFluentIcon('CommentMultipleFilled', "1em", ["M17 7.5A3.5 3.5 0 0 0 13.5 4h-9c.46-.6 1.18-1 2-1h7A4.5 4.5 0 0 1 18 7.5v4c0 .82-.4 1.54-1 2v-6Zm-15 0A2.5 2.5 0 0 1 4.5 5h9A2.5 2.5 0 0 1 16 7.5v6a2.5 2.5 0 0 1-2.5 2.5H9.06l-2.47 1.8A1 1 0 0 1 5 17v-1h-.5A2.5 2.5 0 0 1 2 13.5v-6Z"], { flipInRtl: true }));
export const CommentMultipleRegular = ( /*#__PURE__*/createFluentIcon('CommentMultipleRegular', "1em", ["M14.39 4.11A3.5 3.5 0 0 1 17 7.5v6c.6-.46 1-1.18 1-2v-4A4.5 4.5 0 0 0 13.5 3h-7c-.82 0-1.54.4-2 1h9a3.54 3.54 0 0 1 .89.11ZM4.5 5A2.5 2.5 0 0 0 2 7.5v6A2.5 2.5 0 0 0 4.5 16H5v1a1 1 0 0 0 1.59.8L9.06 16h4.44a2.5 2.5 0 0 0 2.5-2.5v-6A2.5 2.5 0 0 0 13.5 5h-9ZM3 7.5C3 6.67 3.67 6 4.5 6h9c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5H8.73L6 17v-2H4.5A1.5 1.5 0 0 1 3 13.5v-6Z"], { flipInRtl: true }));
export const CommentMultiple16Regular = ( /*#__PURE__*/createFluentIcon('CommentMultiple16Regular', "16", ["M14 9v1.73A2 2 0 0 0 15 9V6a4 4 0 0 0-4-4H5a2 2 0 0 0-1.73 1H11a2.99 2.99 0 0 1 3 3v3ZM3 4a2 2 0 0 0-2 2v5c0 1.1.9 2 2 2v1a1 1 0 0 0 1.59.8L7.07 13H11a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H3ZM2 6a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H6.75L4 14v-2H3a1 1 0 0 1-1-1V6Z"], { flipInRtl: true }));
export const CommentMultiple16Filled = ( /*#__PURE__*/createFluentIcon('CommentMultiple16Filled', "16", ["M14 10.73V6a3 3 0 0 0-3-3H3.27A2 2 0 0 1 5 2h6a4 4 0 0 1 4 4v3a2 2 0 0 1-1 1.73ZM1 6c0-1.1.9-2 2-2h8a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H7.07L4.6 14.8A1 1 0 0 1 3 14v-1a2 2 0 0 1-2-2V6Z"], { flipInRtl: true }));
export const CommentMultiple16Color = ( /*#__PURE__*/createFluentIcon('CommentMultiple16Color', "16", `<path d="M3 4c0-1.1.9-2 2-2h6a4 4 0 0 1 4 4v3a2 2 0 0 1-2 2H7.5A4.5 4.5 0 0 1 3 6.5V4Z" fill="#CD3E1D"/><path d="M1 6c0-1.1.9-2 2-2h8a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H7.07L4.6 14.8A1 1 0 0 1 3 14v-1a2 2 0 0 1-2-2V6Z" fill="url(#ic_fluent_comment_multiple_16_color__a)"/><defs><radialGradient id="ic_fluent_comment_multiple_16_color__a" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(47.09 -1.6 -1.72) scale(21.1415 38.4691)"><stop stop-color="#FAB500"/><stop offset=".54" stop-color="#FE8401"/><stop offset="1" stop-color="#FB5937"/></radialGradient></defs>`, { color: true }));
export const CommentMultiple20Regular = ( /*#__PURE__*/createFluentIcon('CommentMultiple20Regular', "20", ["M14.39 4.11A3.5 3.5 0 0 1 17 7.5v6c.6-.46 1-1.18 1-2v-4A4.5 4.5 0 0 0 13.5 3h-7c-.82 0-1.54.4-2 1h9a3.54 3.54 0 0 1 .89.11ZM4.5 5A2.5 2.5 0 0 0 2 7.5v6A2.5 2.5 0 0 0 4.5 16H5v1a1 1 0 0 0 1.59.8L9.06 16h4.44a2.5 2.5 0 0 0 2.5-2.5v-6A2.5 2.5 0 0 0 13.5 5h-9ZM3 7.5C3 6.67 3.67 6 4.5 6h9c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5H8.73L6 17v-2H4.5A1.5 1.5 0 0 1 3 13.5v-6Z"], { flipInRtl: true }));
export const CommentMultiple20Filled = ( /*#__PURE__*/createFluentIcon('CommentMultiple20Filled', "20", ["M17 7.5A3.5 3.5 0 0 0 13.5 4h-9c.46-.6 1.18-1 2-1h7A4.5 4.5 0 0 1 18 7.5v4c0 .82-.4 1.54-1 2v-6Zm-15 0A2.5 2.5 0 0 1 4.5 5h9A2.5 2.5 0 0 1 16 7.5v6a2.5 2.5 0 0 1-2.5 2.5H9.06l-2.47 1.8A1 1 0 0 1 5 17v-1h-.5A2.5 2.5 0 0 1 2 13.5v-6Z"], { flipInRtl: true }));
export const CommentMultiple20Color = ( /*#__PURE__*/createFluentIcon('CommentMultiple20Color', "20", `<path d="M4 5.5A2.5 2.5 0 0 1 6.5 3h7A4.5 4.5 0 0 1 18 7.5v4a2.5 2.5 0 0 1-2.5 2.5h-7A4.5 4.5 0 0 1 4 9.5v-4Z" fill="#CD3E1D"/><path d="M2 7.5A2.5 2.5 0 0 1 4.5 5h9A2.5 2.5 0 0 1 16 7.5v6a2.5 2.5 0 0 1-2.5 2.5H9.06l-2.47 1.8A1 1 0 0 1 5 17v-1h-.5A2.5 2.5 0 0 1 2 13.5v-6Z" fill="url(#ic_fluent_comment_multiple_20_color__a)"/><defs><radialGradient id="ic_fluent_comment_multiple_20_color__a" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(47.45 -1.75 -.9) scale(24.8346 45.1436)"><stop stop-color="#FAB500"/><stop offset=".54" stop-color="#FE8401"/><stop offset="1" stop-color="#FB5937"/></radialGradient></defs>`, { color: true }));
export const CommentMultiple24Regular = ( /*#__PURE__*/createFluentIcon('CommentMultiple24Regular', "24", ["M5 5h10.75C18.1 5 20 6.9 20 9.25v6.74c.9-.57 1.5-1.59 1.5-2.74v-4a5.75 5.75 0 0 0-5.75-5.75h-8c-1.15 0-2.17.6-2.74 1.5Zm.25 1A3.25 3.25 0 0 0 2 9.25v6.5a3.25 3.25 0 0 0 3 3.24v1.76a1.25 1.25 0 0 0 1.99 1L10.75 19h5c1.8 0 3.25-1.46 3.25-3.25v-6.5C19 7.45 17.54 6 15.75 6H5.25ZM3.5 9.25c0-.97.78-1.75 1.75-1.75h10.5c.97 0 1.75.78 1.75 1.75v6.5c0 .97-.78 1.75-1.75 1.75h-5.5L6.5 20.26V17.5H5.25c-.97 0-1.75-.78-1.75-1.75v-6.5Z"], { flipInRtl: true }));
export const CommentMultiple24Filled = ( /*#__PURE__*/createFluentIcon('CommentMultiple24Filled', "24", ["M5.25 5h-.24c.57-.9 1.59-1.5 2.74-1.5h8a5.75 5.75 0 0 1 5.75 5.75v4c0 1.15-.6 2.17-1.5 2.74V9.25C20 6.9 18.1 5 15.75 5H5.25ZM2 9.25C2 7.45 3.46 6 5.25 6h10.5C17.55 6 19 7.46 19 9.25v6.5c0 1.8-1.46 3.25-3.25 3.25h-5l-3.76 2.76c-.83.6-1.99.02-1.99-1v-1.77a3.25 3.25 0 0 1-3-3.24v-6.5Z"], { flipInRtl: true }));
export const CommentMultiple24Color = ( /*#__PURE__*/createFluentIcon('CommentMultiple24Color', "24", `<path d="M4.5 6.75c0-1.8 1.46-3.25 3.25-3.25h8a5.75 5.75 0 0 1 5.75 5.75v4c0 1.8-1.46 3.25-3.25 3.25H9A4.5 4.5 0 0 1 4.5 12V6.75Z" fill="#CD3E1D"/><path d="M2 9.25C2 7.45 3.46 6 5.25 6h10.5C17.55 6 19 7.46 19 9.25v6.5c0 1.8-1.46 3.25-3.25 3.25h-5l-3.76 2.76c-.83.6-1.99.02-1.99-1v-1.77a3.25 3.25 0 0 1-3-3.24v-6.5Z" fill="url(#ic_fluent_comment_multiple_24_color__a)"/><defs><radialGradient id="ic_fluent_comment_multiple_24_color__a" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(20.39182 22.529 -40.89979 37.0199 -1.92 1.08)"><stop stop-color="#FAB500"/><stop offset=".54" stop-color="#FE8401"/><stop offset="1" stop-color="#FB5937"/></radialGradient></defs>`, { color: true }));
export const CommentMultiple28Regular = ( /*#__PURE__*/createFluentIcon('CommentMultiple28Regular', "28", ["M5 5h14.75C22.1 5 24 6.9 24 9.25v9.74c.9-.57 1.5-1.59 1.5-2.74v-7a5.75 5.75 0 0 0-5.75-5.75h-12c-1.15 0-2.17.6-2.74 1.5ZM6.7 25.88c.18.09.37.13.56.13h.01c.26 0 .52-.08.74-.25L13.04 22h6.71A3.26 3.26 0 0 0 23 18.75v-9.5A3.26 3.26 0 0 0 19.75 6H5.25A3.26 3.26 0 0 0 2 9.25v9.5A3.26 3.26 0 0 0 5.25 22H6v2.75c0 .48.26.91.69 1.12ZM3.5 9.25c0-.96.79-1.75 1.75-1.75h14.5c.96 0 1.75.79 1.75 1.75v9.5c0 .96-.79 1.75-1.75 1.75h-7.21L7.5 24.25V20.5H5.25c-.96 0-1.75-.79-1.75-1.75v-9.5Z"], { flipInRtl: true }));
export const CommentMultiple28Filled = ( /*#__PURE__*/createFluentIcon('CommentMultiple28Filled', "28", ["M5 5h14.75C22.1 5 24 6.9 24 9.25v9.74c.9-.57 1.5-1.59 1.5-2.74v-7a5.75 5.75 0 0 0-5.75-5.75h-12c-1.15 0-2.17.6-2.74 1.5ZM6.7 25.88c.18.09.37.13.56.13h.01c.26 0 .52-.08.74-.25L13.04 22h6.71A3.26 3.26 0 0 0 23 18.75v-9.5A3.26 3.26 0 0 0 19.75 6H5.25A3.26 3.26 0 0 0 2 9.25v9.5A3.26 3.26 0 0 0 5.25 22H6v2.75c0 .48.26.91.69 1.12Z"], { flipInRtl: true }));
export const CommentMultiple28Color = ( /*#__PURE__*/createFluentIcon('CommentMultiple28Color', "28", `<path d="M4.5 6.75c0-1.8 1.46-3.25 3.25-3.25h12a5.75 5.75 0 0 1 5.75 5.75v7c0 1.8-1.46 3.25-3.25 3.25H9A4.5 4.5 0 0 1 4.5 15V6.75Z" fill="#CD3E1D"/><path d="M6.69 25.87c.18.09.37.13.56.13h.01c.26 0 .52-.08.74-.25L13.04 22h6.71A3.26 3.26 0 0 0 23 18.75v-9.5A3.26 3.26 0 0 0 19.75 6H5.25A3.26 3.26 0 0 0 2 9.25v9.5A3.26 3.26 0 0 0 5.25 22H6v2.75c0 .48.26.91.69 1.12Z" fill="url(#ic_fluent_comment_multiple_28_color__a)"/><defs><radialGradient id="ic_fluent_comment_multiple_28_color__a" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(48.18 -1.25 -3.26) scale(37.7779 68.4997)"><stop stop-color="#FAB500"/><stop offset=".54" stop-color="#FE8401"/><stop offset="1" stop-color="#FB5937"/></radialGradient></defs>`, { color: true }));
export const CommentMultiple32Regular = ( /*#__PURE__*/createFluentIcon('CommentMultiple32Regular', "32", ["M27.5 17.01v3.74c1.2-.81 2-2.19 2-3.75v-5.5a8 8 0 0 0-8-8H11a4.5 4.5 0 0 0-3.75 2H21.5a6 6 0 0 1 6 6v5.51ZM7.5 7A4.5 4.5 0 0 0 3 11.5v9A4.5 4.5 0 0 0 7.5 25H8v3.5a1.5 1.5 0 0 0 2.4 1.2l6.21-4.7h4.89a4.5 4.5 0 0 0 4.5-4.5v-9A4.5 4.5 0 0 0 21.5 7h-14ZM5 11.5A2.5 2.5 0 0 1 7.5 9h14a2.5 2.5 0 0 1 2.5 2.5v9a2.5 2.5 0 0 1-2.5 2.5h-5.56L10 27.49V23H7.5A2.5 2.5 0 0 1 5 20.5v-9Z"], { flipInRtl: true }));
export const CommentMultiple32Filled = ( /*#__PURE__*/createFluentIcon('CommentMultiple32Filled', "32", ["M27.5 20.5v-9a6 6 0 0 0-6-6H7.25c.81-1.2 2.19-2 3.75-2h10.5a8 8 0 0 1 8 8V17a4.5 4.5 0 0 1-2 3.75v-.25ZM3 11.5A4.5 4.5 0 0 1 7.5 7h14a4.5 4.5 0 0 1 4.5 4.5v9a4.5 4.5 0 0 1-4.5 4.5h-4.89l-6.2 4.7A1.5 1.5 0 0 1 8 28.5V25h-.5A4.5 4.5 0 0 1 3 20.5v-9Z"], { flipInRtl: true }));
export const CommentMultiple32Color = ( /*#__PURE__*/createFluentIcon('CommentMultiple32Color', "32", `<path d="M6.5 8A4.5 4.5 0 0 1 11 3.5h10.5a8 8 0 0 1 8 8V17a4.5 4.5 0 0 1-4.5 4.5H11A4.5 4.5 0 0 1 6.5 17V8Z" fill="#CD3E1D"/><path d="M3 11.5A4.5 4.5 0 0 1 7.5 7h14a4.5 4.5 0 0 1 4.5 4.5v9a4.5 4.5 0 0 1-4.5 4.5h-4.89l-6.2 4.7A1.5 1.5 0 0 1 8 28.5V25h-.5A4.5 4.5 0 0 1 3 20.5v-9Z" fill="url(#ic_fluent_comment_multiple_32_color__a)"/><defs><radialGradient id="ic_fluent_comment_multiple_32_color__a" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(27.58891 32.3739 -58.31724 49.6977 -2.3 -.08)"><stop stop-color="#FAB500"/><stop offset=".54" stop-color="#FE8401"/><stop offset="1" stop-color="#FB5937"/></radialGradient></defs>`, { color: true }));