@fluentui/react-icons
Version:
Fluent System Icons are a collection of familiar, friendly, and modern icons from Microsoft.
24 lines (23 loc) • 9.53 kB
JavaScript
"use client";
import { createFluentIcon } from '../../utils/createFluentIcon';
export const CheckmarkCircleColor = ( /*#__PURE__*/createFluentIcon('CheckmarkCircleColor', "1em", `<path d="M18 10a8 8 0 1 1-16 0 8 8 0 0 1 16 0Z" fill="url(#ic_fluent_checkmark_circle_20_color__a)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13.35 7.65c.2.2.2.5 0 .7l-4 4a.5.5 0 0 1-.7 0l-2-2a.5.5 0 0 1 .7-.7L9 11.29l3.65-3.64c.2-.2.5-.2.7 0Z" fill="url(#ic_fluent_checkmark_circle_20_color__b)"/><defs><linearGradient id="ic_fluent_checkmark_circle_20_color__a" x1="2.57" y1="5" x2="13.61" y2="16.47" gradientUnits="userSpaceOnUse"><stop stop-color="#52D17C"/><stop offset="1" stop-color="#22918B"/></linearGradient><linearGradient id="ic_fluent_checkmark_circle_20_color__b" x1="7.81" y1="8.01" x2="8.95" y2="13.63" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#E3FFD9"/></linearGradient></defs>`, { color: true }));
export const CheckmarkCircleFilled = ( /*#__PURE__*/createFluentIcon('CheckmarkCircleFilled', "1em", ["M10 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm3.36 5.65a.5.5 0 0 0-.64-.06l-.07.06L9 11.3 7.35 9.65l-.07-.06a.5.5 0 0 0-.7.7l.07.07 2 2 .07.06c.17.11.4.11.56 0l.07-.06 4-4 .07-.08a.5.5 0 0 0-.06-.63Z"]));
export const CheckmarkCircleRegular = ( /*#__PURE__*/createFluentIcon('CheckmarkCircleRegular', "1em", ["M10 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm0 1a7 7 0 1 0 0 14 7 7 0 0 0 0-14Zm3.36 4.65c.17.17.2.44.06.63l-.06.07-4 4a.5.5 0 0 1-.64.07l-.07-.06-2-2a.5.5 0 0 1 .63-.77l.07.06L9 11.3l3.65-3.65c.2-.2.51-.2.7 0Z"]));
export const CheckmarkCircle12Regular = ( /*#__PURE__*/createFluentIcon('CheckmarkCircle12Regular', "12", ["M8.35 5.1a.5.5 0 1 0-.7-.7L5.5 6.54 4.35 5.4a.5.5 0 1 0-.7.7l1.5 1.5c.2.2.5.2.7 0l2.5-2.5ZM6 1a5 5 0 1 0 0 10A5 5 0 0 0 6 1ZM2 6a4 4 0 1 1 8 0 4 4 0 0 1-8 0Z"]));
export const CheckmarkCircle12Filled = ( /*#__PURE__*/createFluentIcon('CheckmarkCircle12Filled', "12", ["M1 6a5 5 0 1 1 10 0A5 5 0 0 1 1 6Zm7.35-.9a.5.5 0 1 0-.7-.7L5.5 6.54 4.35 5.4a.5.5 0 1 0-.7.7l1.5 1.5c.2.2.5.2.7 0l2.5-2.5Z"]));
export const CheckmarkCircle16Regular = ( /*#__PURE__*/createFluentIcon('CheckmarkCircle16Regular', "16", ["M2 8a6 6 0 1 1 12 0A6 6 0 0 1 2 8Zm6-7a7 7 0 1 0 0 14A7 7 0 0 0 8 1Zm2.85 5.85a.5.5 0 0 0-.7-.7l-2.9 2.9-1.4-1.4a.5.5 0 1 0-.7.7L6.9 10.1c.2.2.5.2.7 0l3.25-3.25Z"]));
export const CheckmarkCircle16Filled = ( /*#__PURE__*/createFluentIcon('CheckmarkCircle16Filled', "16", ["M1 8a7 7 0 1 1 14 0A7 7 0 0 1 1 8Zm9.85-1.15a.5.5 0 0 0-.7-.7l-2.9 2.9-1.4-1.4a.5.5 0 1 0-.7.7L6.9 10.1c.2.2.5.2.7 0l3.25-3.25Z"]));
export const CheckmarkCircle16Color = ( /*#__PURE__*/createFluentIcon('CheckmarkCircle16Color', "16", `<path d="M2 8a6 6 0 1 1 12 0A6 6 0 0 1 2 8Z" fill="url(#ic_fluent_checkmark_circle_16_color__a)"/><path d="M10.12 6.16 7.25 9.04l-1.4-1.4a.5.5 0 1 0-.7.71L6.9 10.1c.2.2.5.2.7 0l3.23-3.23a.5.5 0 0 0-.71-.7Z" fill="url(#ic_fluent_checkmark_circle_16_color__b)"/><defs><linearGradient id="ic_fluent_checkmark_circle_16_color__a" x1="2.43" y1="4.25" x2="10.71" y2="12.85" gradientUnits="userSpaceOnUse"><stop stop-color="#52D17C"/><stop offset="1" stop-color="#22918B"/></linearGradient><linearGradient id="ic_fluent_checkmark_circle_16_color__b" x1="6.12" y1="6.45" x2="7.08" y2="11.21" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#E3FFD9"/></linearGradient></defs>`, { color: true }));
export const CheckmarkCircle20Regular = ( /*#__PURE__*/createFluentIcon('CheckmarkCircle20Regular', "20", ["M10 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm0 1a7 7 0 1 0 0 14 7 7 0 0 0 0-14Zm3.36 4.65c.17.17.2.44.06.63l-.06.07-4 4a.5.5 0 0 1-.64.07l-.07-.06-2-2a.5.5 0 0 1 .63-.77l.07.06L9 11.3l3.65-3.65c.2-.2.51-.2.7 0Z"]));
export const CheckmarkCircle20Filled = ( /*#__PURE__*/createFluentIcon('CheckmarkCircle20Filled', "20", ["M10 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm3.36 5.65a.5.5 0 0 0-.64-.06l-.07.06L9 11.3 7.35 9.65l-.07-.06a.5.5 0 0 0-.7.7l.07.07 2 2 .07.06c.17.11.4.11.56 0l.07-.06 4-4 .07-.08a.5.5 0 0 0-.06-.63Z"]));
export const CheckmarkCircle20Color = ( /*#__PURE__*/createFluentIcon('CheckmarkCircle20Color', "20", `<path d="M18 10a8 8 0 1 1-16 0 8 8 0 0 1 16 0Z" fill="url(#ic_fluent_checkmark_circle_20_color__a)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13.35 7.65c.2.2.2.5 0 .7l-4 4a.5.5 0 0 1-.7 0l-2-2a.5.5 0 0 1 .7-.7L9 11.29l3.65-3.64c.2-.2.5-.2.7 0Z" fill="url(#ic_fluent_checkmark_circle_20_color__b)"/><defs><linearGradient id="ic_fluent_checkmark_circle_20_color__a" x1="2.57" y1="5" x2="13.61" y2="16.47" gradientUnits="userSpaceOnUse"><stop stop-color="#52D17C"/><stop offset="1" stop-color="#22918B"/></linearGradient><linearGradient id="ic_fluent_checkmark_circle_20_color__b" x1="7.81" y1="8.01" x2="8.95" y2="13.63" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#E3FFD9"/></linearGradient></defs>`, { color: true }));
export const CheckmarkCircle24Regular = ( /*#__PURE__*/createFluentIcon('CheckmarkCircle24Regular', "24", ["M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20Zm0 1.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17Zm-1.25 9.94 4.47-4.47a.75.75 0 0 1 1.13.98l-.07.08-5 5a.75.75 0 0 1-.98.07l-.08-.07-2.5-2.5a.75.75 0 0 1 .98-1.13l.08.07 1.97 1.97 4.47-4.47-4.47 4.47Z"]));
export const CheckmarkCircle24Filled = ( /*#__PURE__*/createFluentIcon('CheckmarkCircle24Filled', "24", ["M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20Zm3.22 6.97-4.47 4.47-1.97-1.97a.75.75 0 0 0-1.06 1.06l2.5 2.5c.3.3.77.3 1.06 0l5-5a.75.75 0 1 0-1.06-1.06Z"]));
export const CheckmarkCircle24Color = ( /*#__PURE__*/createFluentIcon('CheckmarkCircle24Color', "24", `<path d="M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20Z" fill="url(#ic_fluent_checkmark_circle_24_color__a)"/><path d="m15.22 8.97-4.47 4.47-1.97-1.97a.75.75 0 0 0-1.06 1.06l2.5 2.5c.3.3.77.3 1.06 0l5-5a.75.75 0 1 0-1.06-1.06Z" fill="url(#ic_fluent_checkmark_circle_24_color__b)"/><defs><linearGradient id="ic_fluent_checkmark_circle_24_color__a" x1="2.71" y1="5.75" x2="16.52" y2="20.09" gradientUnits="userSpaceOnUse"><stop stop-color="#52D17C"/><stop offset="1" stop-color="#22918B"/></linearGradient><linearGradient id="ic_fluent_checkmark_circle_24_color__b" x1="9.19" y1="9.41" x2="10.68" y2="16.71" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#E3FFD9"/></linearGradient></defs>`, { color: true }));
export const CheckmarkCircle32Regular = ( /*#__PURE__*/createFluentIcon('CheckmarkCircle32Regular', "32", ["M22.7 12.7a1 1 0 0 0-1.4-1.4l-6.8 6.79-3.3-3.3a1 1 0 0 0-1.4 1.42l4 4a1 1 0 0 0 1.4 0l7.5-7.5ZM16 2a14 14 0 1 0 0 28 14 14 0 0 0 0-28ZM4 16a12 12 0 1 1 24 0 12 12 0 0 1-24 0Z"]));
export const CheckmarkCircle32Filled = ( /*#__PURE__*/createFluentIcon('CheckmarkCircle32Filled', "32", ["M2 16a14 14 0 1 1 28 0 14 14 0 0 1-28 0Zm20.7-3.3a1 1 0 0 0-1.4-1.4l-6.8 6.79-3.3-3.3a1 1 0 0 0-1.4 1.42l4 4a1 1 0 0 0 1.4 0l7.5-7.5Z"]));
export const CheckmarkCircle32Light = ( /*#__PURE__*/createFluentIcon('CheckmarkCircle32Light', "32", ["M3 16a13 13 0 1 1 26 0 13 13 0 0 1-26 0ZM16 2a14 14 0 1 0 0 28 14 14 0 0 0 0-28Zm6.85 10.35a.5.5 0 0 0-.7-.7l-7.65 7.64-3.65-3.64a.5.5 0 0 0-.7.7l4 4c.2.2.5.2.7 0l8-8Z"]));
export const CheckmarkCircle32Color = ( /*#__PURE__*/createFluentIcon('CheckmarkCircle32Color', "32", `<path d="M30 16a14 14 0 1 1-28 0 14 14 0 0 1 28 0Z" fill="url(#ic_fluent_checkmark_circle_32_color__a)"/><path d="M22.7 12.7a1 1 0 0 0-1.4-1.4l-6.8 6.79-3.3-3.3a1 1 0 0 0-1.4 1.42l4 4a1 1 0 0 0 1.4 0l7.5-7.5Z" fill="url(#ic_fluent_checkmark_circle_32_color__b)"/><defs><linearGradient id="ic_fluent_checkmark_circle_32_color__a" x1="3" y1="7.25" x2="22.32" y2="27.33" gradientUnits="userSpaceOnUse"><stop stop-color="#52D17C"/><stop offset="1" stop-color="#22918B"/></linearGradient><linearGradient id="ic_fluent_checkmark_circle_32_color__b" x1="12.03" y1="11.97" x2="14.16" y2="22.66" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#E3FFD9"/></linearGradient></defs>`, { color: true }));
export const CheckmarkCircle48Regular = ( /*#__PURE__*/createFluentIcon('CheckmarkCircle48Regular', "48", ["M24 4a20 20 0 1 1 0 40 20 20 0 0 1 0-40Zm0 2.5a17.5 17.5 0 1 0 0 35 17.5 17.5 0 0 0 0-35Zm8.63 11.12c.5.48.5 1.28 0 1.76l-11 11c-.48.5-1.28.5-1.76 0l-4.5-4.5a1.25 1.25 0 0 1 1.76-1.76l3.62 3.61 10.12-10.11a1.25 1.25 0 0 1 1.76 0Z"]));
export const CheckmarkCircle48Filled = ( /*#__PURE__*/createFluentIcon('CheckmarkCircle48Filled', "48", ["M24 4a20 20 0 1 1 0 40 20 20 0 0 1 0-40Zm8.63 13.62a1.25 1.25 0 0 0-1.66-.1l-.1.1-10.12 10.11-3.62-3.61a1.25 1.25 0 0 0-1.85 1.66l.09.1 4.5 4.5c.45.46 1.17.49 1.66.1l.1-.1 11-11c.5-.48.5-1.28 0-1.76Z"]));
export const CheckmarkCircle48Color = ( /*#__PURE__*/createFluentIcon('CheckmarkCircle48Color', "48", `<path d="M24 4a20 20 0 1 1 0 40 20 20 0 0 1 0-40Z" fill="url(#ic_fluent_checkmark_circle_48_color__a)"/><path d="M32.63 17.62c.5.48.5 1.28 0 1.76l-11 11c-.48.5-1.28.5-1.76 0l-4.5-4.5a1.25 1.25 0 0 1 1.76-1.76l3.62 3.61 10.12-10.11a1.25 1.25 0 0 1 1.76 0Z" fill="url(#ic_fluent_checkmark_circle_48_color__b)"/><defs><linearGradient id="ic_fluent_checkmark_circle_48_color__a" x1="5.43" y1="11.5" x2="33.03" y2="40.18" gradientUnits="userSpaceOnUse"><stop stop-color="#52D17C"/><stop offset="1" stop-color="#22918B"/></linearGradient><linearGradient id="ic_fluent_checkmark_circle_48_color__b" x1="18.38" y1="18.63" x2="21.59" y2="33.74" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#E3FFD9"/></linearGradient></defs>`, { color: true }));