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

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

"use client";
import { createFluentIcon } from '../../utils/createFluentIcon';
export const CommentColor = ( /*#__PURE__*/createFluentIcon('CommentColor', "1em", `<path d="M6.8 17.8a1 1 0 0 1-1.4-.2.98.98 0 0 1-.2-.59v-2.17h-.6A2.58 2.58 0 0 1 2 12.28V5.57A2.58 2.58 0 0 1 4.6 3h10.8C16.84 3 18 4.15 18 5.57v6.7a2.58 2.58 0 0 1-2.6 2.57h-4.59L6.8 17.8Z" fill="url(#ic_fluent_comment_20_color__a)"/><defs><radialGradient id="ic_fluent_comment_20_color__a" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(47.73 .98 -2.72) scale(28.5343 51.823)"><stop stop-color="#FAB500"/><stop offset=".54" stop-color="#FE8401"/><stop offset="1" stop-color="#FB5937"/></radialGradient></defs>`, { color: true }));
export const CommentFilled = ( /*#__PURE__*/createFluentIcon('CommentFilled', "1em", ["M6.8 17.8a1 1 0 0 1-1.4-.2.98.98 0 0 1-.2-.59v-2.17h-.6A2.58 2.58 0 0 1 2 12.28V5.57A2.58 2.58 0 0 1 4.6 3h10.8C16.84 3 18 4.15 18 5.57v6.7a2.58 2.58 0 0 1-2.6 2.57h-4.59L6.8 17.8Z"], { flipInRtl: true }));
export const CommentRegular = ( /*#__PURE__*/createFluentIcon('CommentRegular', "1em", ["M10.48 13.84h4.92c.9 0 1.6-.71 1.6-1.56V5.57C17 4.7 16.3 4 15.4 4H4.6C3.7 4 3 4.71 3 5.57v6.7c0 .86.7 1.57 1.6 1.57h1.6V17l4.28-3.16ZM6.8 17.8a1 1 0 0 1-1.4-.2.98.98 0 0 1-.2-.59v-2.17h-.6A2.58 2.58 0 0 1 2 12.28V5.57A2.58 2.58 0 0 1 4.6 3h10.8C16.84 3 18 4.15 18 5.57v6.7a2.58 2.58 0 0 1-2.6 2.57h-4.59L6.8 17.8Z"], { flipInRtl: true }));
export const Comment12Regular = ( /*#__PURE__*/createFluentIcon('Comment12Regular', "12", ["M1 3c0-1.1.9-2 2-2h6a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H6.65l-2.87 1.92A.5.5 0 0 1 3 10.5V9a2 2 0 0 1-2-2V3Zm2-1a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h.5c.28 0 .5.22.5.5v1.07l2.22-1.49A.5.5 0 0 1 6.5 8H9a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H3Z"], { flipInRtl: true }));
export const Comment12Filled = ( /*#__PURE__*/createFluentIcon('Comment12Filled', "12", ["M3 1a2 2 0 0 0-2 2v4c0 1.1.9 2 2 2v1.5a.5.5 0 0 0 .78.42L6.65 9H9a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H3Z"], { flipInRtl: true }));
export const Comment16Regular = ( /*#__PURE__*/createFluentIcon('Comment16Regular', "16", ["M1 4.5A2.5 2.5 0 0 1 3.5 2h9A2.5 2.5 0 0 1 15 4.5v5a2.5 2.5 0 0 1-2.5 2.5H8.69l-3.06 2.68A.98.98 0 0 1 4 13.94V12h-.5A2.5 2.5 0 0 1 1 9.5v-5ZM3.5 3C2.67 3 2 3.67 2 4.5v5c0 .83.67 1.5 1.5 1.5H5v2.9L8.31 11h4.19c.83 0 1.5-.67 1.5-1.5v-5c0-.83-.67-1.5-1.5-1.5h-9Z"], { flipInRtl: true }));
export const Comment16Filled = ( /*#__PURE__*/createFluentIcon('Comment16Filled', "16", ["M3.5 2A2.5 2.5 0 0 0 1 4.5v5A2.5 2.5 0 0 0 3.5 12H4v1.94c0 .84 1 1.3 1.63.74L8.69 12h3.81A2.5 2.5 0 0 0 15 9.5v-5A2.5 2.5 0 0 0 12.5 2h-9Z"], { flipInRtl: true }));
export const Comment16Color = ( /*#__PURE__*/createFluentIcon('Comment16Color', "16", `<path d="M3.5 2A2.5 2.5 0 0 0 1 4.5v5A2.5 2.5 0 0 0 3.5 12H4v1.94c0 .84 1 1.3 1.63.74L8.69 12h3.81A2.5 2.5 0 0 0 15 9.5v-5A2.5 2.5 0 0 0 12.5 2h-9Z" fill="url(#ic_fluent_comment_16_color__a)"/><defs><radialGradient id="ic_fluent_comment_16_color__a" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(47.29 1.14 -3.54) scale(24.7589 45.0271)"><stop stop-color="#FAB500"/><stop offset=".54" stop-color="#FE8401"/><stop offset="1" stop-color="#FB5937"/></radialGradient></defs>`, { color: true }));
export const Comment20Regular = ( /*#__PURE__*/createFluentIcon('Comment20Regular', "20", ["M10.48 13.84h4.92c.9 0 1.6-.71 1.6-1.56V5.57C17 4.7 16.3 4 15.4 4H4.6C3.7 4 3 4.71 3 5.57v6.7c0 .86.7 1.57 1.6 1.57h1.6V17l4.28-3.16ZM6.8 17.8a1 1 0 0 1-1.4-.2.98.98 0 0 1-.2-.59v-2.17h-.6A2.58 2.58 0 0 1 2 12.28V5.57A2.58 2.58 0 0 1 4.6 3h10.8C16.84 3 18 4.15 18 5.57v6.7a2.58 2.58 0 0 1-2.6 2.57h-4.59L6.8 17.8Z"], { flipInRtl: true }));
export const Comment20Filled = ( /*#__PURE__*/createFluentIcon('Comment20Filled', "20", ["M6.8 17.8a1 1 0 0 1-1.4-.2.98.98 0 0 1-.2-.59v-2.17h-.6A2.58 2.58 0 0 1 2 12.28V5.57A2.58 2.58 0 0 1 4.6 3h10.8C16.84 3 18 4.15 18 5.57v6.7a2.58 2.58 0 0 1-2.6 2.57h-4.59L6.8 17.8Z"], { flipInRtl: true }));
export const Comment20Color = ( /*#__PURE__*/createFluentIcon('Comment20Color', "20", `<path d="M6.8 17.8a1 1 0 0 1-1.4-.2.98.98 0 0 1-.2-.59v-2.17h-.6A2.58 2.58 0 0 1 2 12.28V5.57A2.58 2.58 0 0 1 4.6 3h10.8C16.84 3 18 4.15 18 5.57v6.7a2.58 2.58 0 0 1-2.6 2.57h-4.59L6.8 17.8Z" fill="url(#ic_fluent_comment_20_color__a)"/><defs><radialGradient id="ic_fluent_comment_20_color__a" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(47.73 .98 -2.72) scale(28.5343 51.823)"><stop stop-color="#FAB500"/><stop offset=".54" stop-color="#FE8401"/><stop offset="1" stop-color="#FB5937"/></radialGradient></defs>`, { color: true }));
export const Comment24Regular = ( /*#__PURE__*/createFluentIcon('Comment24Regular', "24", ["M5.25 18A3.25 3.25 0 0 1 2 14.75v-8.5C2 4.45 3.46 3 5.25 3h13.5C20.55 3 22 4.46 22 6.25v8.5c0 1.8-1.46 3.25-3.25 3.25h-5.74L8 21.75a1.25 1.25 0 0 1-2-1V18h-.75Zm7.26-1.5h6.24c.97 0 1.75-.78 1.75-1.75v-8.5c0-.97-.78-1.75-1.75-1.75H5.25c-.97 0-1.75.78-1.75 1.75v8.5c0 .97.78 1.75 1.75 1.75H7.5v3.75l5.01-3.75Z"], { flipInRtl: true }));
export const Comment24Filled = ( /*#__PURE__*/createFluentIcon('Comment24Filled', "24", ["M5.25 3A3.25 3.25 0 0 0 2 6.25v8.5C2 16.55 3.46 18 5.25 18H6v2.75a1.25 1.25 0 0 0 2 1L13 18h5.75c1.8 0 3.25-1.46 3.25-3.25v-8.5C22 4.45 20.54 3 18.75 3H5.25Z"], { flipInRtl: true }));
export const Comment24Color = ( /*#__PURE__*/createFluentIcon('Comment24Color', "24", `<path d="M5.25 3A3.25 3.25 0 0 0 2 6.25v8.5C2 16.55 3.46 18 5.25 18H6v2.75a1.25 1.25 0 0 0 2 1L13 18h5.75c1.8 0 3.25-1.46 3.25-3.25v-8.5C22 4.45 20.54 3 18.75 3H5.25Z" fill="url(#ic_fluent_comment_24_color__a)"/><defs><radialGradient id="ic_fluent_comment_24_color__a" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(48.11 1.88 -4.35) scale(35.9314 65.1687)"><stop stop-color="#FAB500"/><stop offset=".54" stop-color="#FE8401"/><stop offset="1" stop-color="#FB5937"/></radialGradient></defs>`, { color: true }));
export const Comment28Regular = ( /*#__PURE__*/createFluentIcon('Comment28Regular', "28", ["M5.75 4.5c-1.24 0-2.25 1-2.25 2.25v10.5c0 1.24 1 2.25 2.25 2.25H8.5v4.8c0 .2.23.32.4.2l6.92-5h6.43c1.24 0 2.25-1 2.25-2.25V6.75c0-1.24-1-2.25-2.25-2.25H5.75ZM2 6.75A3.75 3.75 0 0 1 5.75 3h16.5A3.75 3.75 0 0 1 26 6.75v10.5A3.75 3.75 0 0 1 22.25 21h-5.94l-6.54 4.71C8.62 26.55 7 25.72 7 24.3V21H5.75A3.75 3.75 0 0 1 2 17.25V6.75Z"], { flipInRtl: true }));
export const Comment28Filled = ( /*#__PURE__*/createFluentIcon('Comment28Filled', "28", ["M5.75 3A3.75 3.75 0 0 0 2 6.75v10.5A3.75 3.75 0 0 0 5.75 21H7v3.3a1.75 1.75 0 0 0 2.77 1.41L16.31 21h5.94A3.75 3.75 0 0 0 26 17.25V6.75A3.75 3.75 0 0 0 22.25 3H5.75Z"], { flipInRtl: true }));
export const Comment28Color = ( /*#__PURE__*/createFluentIcon('Comment28Color', "28", `<path d="M5.75 3A3.75 3.75 0 0 0 2 6.75v10.5A3.75 3.75 0 0 0 5.75 21H7v3.3a1.75 1.75 0 0 0 2.77 1.41L16.31 21h5.94A3.75 3.75 0 0 0 26 17.25V6.75A3.75 3.75 0 0 0 22.25 3H5.75Z" fill="url(#ic_fluent_comment_28_color__a)"/><defs><radialGradient id="ic_fluent_comment_28_color__a" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(48.42 2.78 -5.98) scale(43.376 78.5749)"><stop stop-color="#FAB500"/><stop offset=".54" stop-color="#FE8401"/><stop offset="1" stop-color="#FB5937"/></radialGradient></defs>`, { color: true }));
export const Comment32Regular = ( /*#__PURE__*/createFluentIcon('Comment32Regular', "32", ["M2 7.5A4.5 4.5 0 0 1 6.5 3h19A4.5 4.5 0 0 1 30 7.5v12a4.5 4.5 0 0 1-4.5 4.5h-7.63l-6.57 5.6A2 2 0 0 1 8 28.08V24H6.5A4.5 4.5 0 0 1 2 19.5v-12ZM6.5 5A2.5 2.5 0 0 0 4 7.5v12A2.5 2.5 0 0 0 6.5 22H9a1 1 0 0 1 1 1v5.08l6.85-5.84a1 1 0 0 1 .65-.24h8a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 25.5 5h-19Z"], { flipInRtl: true }));
export const Comment32Filled = ( /*#__PURE__*/createFluentIcon('Comment32Filled', "32", ["M6.5 3A4.5 4.5 0 0 0 2 7.5v12A4.5 4.5 0 0 0 6.5 24H8v4.08a2 2 0 0 0 3.3 1.52l6.57-5.6h7.63a4.5 4.5 0 0 0 4.5-4.5v-12A4.5 4.5 0 0 0 25.5 3h-19Z"], { flipInRtl: true }));
export const Comment32Light = ( /*#__PURE__*/createFluentIcon('Comment32Light', "32", ["M2 7.5A4.5 4.5 0 0 1 6.5 3h19A4.5 4.5 0 0 1 30 7.5v12a4.5 4.5 0 0 1-4.5 4.5h-7.62l-6.62 5.62A1.98 1.98 0 0 1 8 28.1V24H6.5A4.5 4.5 0 0 1 2 19.5v-12ZM6.5 4A3.5 3.5 0 0 0 3 7.5v12A3.5 3.5 0 0 0 6.5 23h2c.28 0 .5.22.5.5v4.6a.98.98 0 0 0 1.61.75l6.77-5.73a.5.5 0 0 1 .32-.12h7.8a3.5 3.5 0 0 0 3.5-3.5v-12A3.5 3.5 0 0 0 25.5 4h-19Z"]));
export const Comment32Color = ( /*#__PURE__*/createFluentIcon('Comment32Color', "32", `<path d="M6.5 3A4.5 4.5 0 0 0 2 7.5v12A4.5 4.5 0 0 0 6.5 24H8v4.08a2 2 0 0 0 3.3 1.52l6.57-5.6h7.63a4.5 4.5 0 0 0 4.5-4.5v-12A4.5 4.5 0 0 0 25.5 3h-19Z" fill="url(#ic_fluent_comment_32_color__a)"/><defs><radialGradient id="ic_fluent_comment_32_color__a" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(48.62 3.67 -7.6) scale(50.8108 91.9616)"><stop stop-color="#FAB500"/><stop offset=".54" stop-color="#FE8401"/><stop offset="1" stop-color="#FB5937"/></radialGradient></defs>`, { color: true }));
export const Comment48Regular = ( /*#__PURE__*/createFluentIcon('Comment48Regular', "48", ["M11.25 8.5a4.75 4.75 0 0 0-4.75 4.75v15.5a4.75 4.75 0 0 0 4.75 4.75h3.25v7.84l11.1-7.84h11.15a4.75 4.75 0 0 0 4.75-4.75v-15.5a4.75 4.75 0 0 0-4.75-4.75h-25.5ZM4 13.25C4 9.25 7.25 6 11.25 6h25.5c4 0 7.25 3.25 7.25 7.25v15.5c0 4-3.25 7.25-7.25 7.25H26.4l-10.85 7.66A2.25 2.25 0 0 1 12 41.82V36h-.75C7.25 36 4 32.75 4 28.75v-15.5Z"], { flipInRtl: true }));
export const Comment48Filled = ( /*#__PURE__*/createFluentIcon('Comment48Filled', "48", ["M4 13.25C4 9.25 7.25 6 11.25 6h25.5c4 0 7.25 3.25 7.25 7.25v15.5c0 4-3.25 7.25-7.25 7.25H26.4l-10.85 7.66A2.25 2.25 0 0 1 12 41.82V36h-.75C7.25 36 4 32.75 4 28.75v-15.5Z"], { flipInRtl: true }));
export const Comment48Color = ( /*#__PURE__*/createFluentIcon('Comment48Color', "48", `<path d="M4 13.25C4 9.25 7.25 6 11.25 6h25.5c4 0 7.25 3.25 7.25 7.25v15.5c0 4-3.25 7.25-7.25 7.25H26.4l-10.85 7.66A2.25 2.25 0 0 1 12 41.82V36h-.75C7.25 36 4 32.75 4 28.75v-15.5Z" fill="url(#ic_fluent_comment_48_color__a)"/><defs><radialGradient id="ic_fluent_comment_48_color__a" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(47.9808 53.59654 -97.18809 87.0049 -5.23 -5.72)"><stop stop-color="#FAB500"/><stop offset=".54" stop-color="#FE8401"/><stop offset="1" stop-color="#FB5937"/></radialGradient></defs>`, { color: true }));