@fluentui/react-icons
Version:
Fluent System Icons are a collection of familiar, friendly, and modern icons from Microsoft.
7 lines (6 loc) • 3.58 kB
JavaScript
"use client";
import { createFluentIcon } from '../../utils/createFluentIcon';
export const ChatMoreColor = ( /*#__PURE__*/createFluentIcon('ChatMoreColor', "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_more_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_more_20_color__b)"/><defs><linearGradient id="ic_fluent_chat_more_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_more_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 ChatMore16Color = ( /*#__PURE__*/createFluentIcon('ChatMore16Color', "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_more_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_more_16_color__b)"/><defs><linearGradient id="ic_fluent_chat_more_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_more_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 ChatMore20Color = ( /*#__PURE__*/createFluentIcon('ChatMore20Color', "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_more_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_more_20_color__b)"/><defs><linearGradient id="ic_fluent_chat_more_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_more_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 ChatMore24Color = ( /*#__PURE__*/createFluentIcon('ChatMore24Color', "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_more_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_more_24_color__b)"/><defs><linearGradient id="ic_fluent_chat_more_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_more_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 }));