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

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

"use client";
import { createFluentIcon } from '../../utils/createFluentIcon';
export const CheckboxColor = ( /*#__PURE__*/createFluentIcon('CheckboxColor', "1em", `<path fill-rule="evenodd" clip-rule="evenodd" d="M3 6.25C3 4.45 4.46 3 6.25 3h7.5C15.55 3 17 4.46 17 6.25v7.5c0 1.8-1.46 3.25-3.25 3.25h-7.5A3.25 3.25 0 0 1 3 13.75v-7.5Z" fill="url(#ic_fluent_checkbox_20_color__a)"/><path d="M13.85 7.85a.5.5 0 0 0-.7-.7L8.5 11.79l-1.65-1.64a.5.5 0 0 0-.7.7l2 2c.2.2.5.2.7 0l5-5Z" fill="url(#ic_fluent_checkbox_20_color__b)"/><defs><linearGradient id="ic_fluent_checkbox_20_color__a" x1="3.5" y1="5.63" x2="13.16" y2="15.66" gradientUnits="userSpaceOnUse"><stop stop-color="#36DFF1"/><stop offset="1" stop-color="#2764E7"/></linearGradient><linearGradient id="ic_fluent_checkbox_20_color__b" x1="7.54" y1="7.46" x2="11.07" y2="18.87" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#B3E0FF"/></linearGradient></defs>`, { color: true }));
export const Checkbox1Regular = ( /*#__PURE__*/createFluentIcon('Checkbox1Regular', "1em", ["M6 3a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h8c.77 0 1.47-.29 2-.76v-.83c-.22.08-.44.1-.67.08A2 2 0 0 1 14 16H6a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h8a2 2 0 0 1 2 2v5.75l.6-.45c.12-.1.26-.16.4-.21V6a3 3 0 0 0-3-3H6Zm7.85 4.85a.5.5 0 0 0-.7-.7L8.5 11.79l-1.65-1.64a.5.5 0 0 0-.7.7l2 2c.2.2.5.2.7 0l5-5Zm3.87 4.2a.5.5 0 0 1 .28.45v5a.5.5 0 0 1-1 0v-4l-1.2.9a.5.5 0 0 1-.6-.8l2-1.5a.5.5 0 0 1 .52-.05Z"]));
export const Checkbox1Filled = ( /*#__PURE__*/createFluentIcon('Checkbox1Filled', "1em", ["M6 3a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h8c.77 0 1.47-.29 2-.76v-.83a1.5 1.5 0 0 1-1.4-2.61l2-1.5c.12-.1.26-.16.4-.21V6a3 3 0 0 0-3-3H6Zm7.85 4.85-5 5a.5.5 0 0 1-.7 0l-2-2a.5.5 0 0 1 .7-.7l1.65 1.64 4.65-4.64a.5.5 0 0 1 .7.7Zm3.87 4.2a.5.5 0 0 1 .28.45v5a.5.5 0 0 1-1 0v-4l-1.2.9a.5.5 0 0 1-.6-.8l2-1.5a.5.5 0 0 1 .52-.05Z"]));
export const Checkbox2Regular = ( /*#__PURE__*/createFluentIcon('Checkbox2Regular', "1em", ["M6 3a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h7.05c.06-.3.18-.63.4-1H6a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h8a2 2 0 0 1 2 2v5c.35 0 .69.06 1 .17V6a3 3 0 0 0-3-3H6Zm7.85 4.85a.5.5 0 0 0-.7-.7L8.5 11.79l-1.65-1.64a.5.5 0 0 0-.7.7l2 2c.2.2.5.2.7 0l5-5ZM15.93 13c-.3.02-.67.16-1.05.6a.5.5 0 1 1-.76-.65c.54-.61 1.15-.91 1.76-.95.6-.03 1.14.2 1.52.57.38.36.63.88.59 1.43-.04.57-.38 1.1-.99 1.45-1.1.64-1.6 1.2-1.82 1.55h2.32a.5.5 0 1 1 0 1h-3a.5.5 0 0 1-.5-.45 1.43 1.43 0 0 1 .03-.34c.04-.19.12-.42.28-.7a5.8 5.8 0 0 1 2.2-1.93c.36-.21.47-.46.48-.65a.84.84 0 0 0-.28-.64c-.2-.19-.48-.3-.78-.29Z"]));
export const Checkbox2Filled = ( /*#__PURE__*/createFluentIcon('Checkbox2Filled', "1em", ["M6 3a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h7.05c.06-.3.18-.63.4-1 .23-.4.57-.8 1.04-1.23a1.5 1.5 0 0 1-1.12-2.48A3.51 3.51 0 0 1 15.82 11c.42-.02.82.05 1.18.17V6a3 3 0 0 0-3-3H6Zm7.85 4.85-5 5a.5.5 0 0 1-.7 0l-2-2a.5.5 0 0 1 .7-.7l1.65 1.64 4.65-4.64a.5.5 0 0 1 .7.7ZM15.93 13c-.3.02-.67.16-1.05.6a.5.5 0 1 1-.76-.65c.54-.61 1.15-.91 1.76-.95.6-.03 1.14.2 1.52.57.38.36.63.88.59 1.43-.04.57-.38 1.1-.99 1.45-1.1.64-1.6 1.2-1.82 1.55h2.32a.5.5 0 1 1 0 1h-3a.5.5 0 0 1-.5-.45 1.43 1.43 0 0 1 .03-.34c.04-.19.12-.42.28-.7a5.8 5.8 0 0 1 2.2-1.93c.36-.21.47-.46.48-.65a.84.84 0 0 0-.28-.64c-.2-.19-.48-.3-.78-.29Z"]));
export const Checkbox16Color = ( /*#__PURE__*/createFluentIcon('Checkbox16Color', "16", `<path d="M4.5 2A2.5 2.5 0 0 0 2 4.5v7A2.5 2.5 0 0 0 4.5 14h7a2.5 2.5 0 0 0 2.5-2.5v-7A2.5 2.5 0 0 0 11.5 2h-7Z" fill="url(#ic_fluent_checkbox_16_color__a)"/><path d="m10.85 6.85-3.5 3.5a.5.5 0 0 1-.7 0l-1.5-1.5a.5.5 0 1 1 .7-.7L7 9.29l3.15-3.14a.5.5 0 0 1 .7.7Z" fill="url(#ic_fluent_checkbox_16_color__b)"/><defs><linearGradient id="ic_fluent_checkbox_16_color__a" x1="2.43" y1="4.25" x2="10.71" y2="12.85" gradientUnits="userSpaceOnUse"><stop stop-color="#36DFF1"/><stop offset="1" stop-color="#2764E7"/></linearGradient><linearGradient id="ic_fluent_checkbox_16_color__b" x1="6.15" y1="6.35" x2="8.8" y2="14.9" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#B3E0FF"/></linearGradient></defs>`, { color: true }));
export const Checkbox20Color = ( /*#__PURE__*/createFluentIcon('Checkbox20Color', "20", `<path fill-rule="evenodd" clip-rule="evenodd" d="M3 6.25C3 4.45 4.46 3 6.25 3h7.5C15.55 3 17 4.46 17 6.25v7.5c0 1.8-1.46 3.25-3.25 3.25h-7.5A3.25 3.25 0 0 1 3 13.75v-7.5Z" fill="url(#ic_fluent_checkbox_20_color__a)"/><path d="M13.85 7.85a.5.5 0 0 0-.7-.7L8.5 11.79l-1.65-1.64a.5.5 0 0 0-.7.7l2 2c.2.2.5.2.7 0l5-5Z" fill="url(#ic_fluent_checkbox_20_color__b)"/><defs><linearGradient id="ic_fluent_checkbox_20_color__a" x1="3.5" y1="5.63" x2="13.16" y2="15.66" gradientUnits="userSpaceOnUse"><stop stop-color="#36DFF1"/><stop offset="1" stop-color="#2764E7"/></linearGradient><linearGradient id="ic_fluent_checkbox_20_color__b" x1="7.54" y1="7.46" x2="11.07" y2="18.87" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#B3E0FF"/></linearGradient></defs>`, { color: true }));
export const Checkbox24Color = ( /*#__PURE__*/createFluentIcon('Checkbox24Color', "24", `<path d="M6.25 3A3.25 3.25 0 0 0 3 6.25v11.5C3 19.55 4.46 21 6.25 21h11.5c1.8 0 3.25-1.46 3.25-3.25V6.25C21 4.45 19.54 3 17.75 3H6.25Z" fill="url(#ic_fluent_checkbox_24_color__a)"/><path d="m17.28 9.28-6.75 6.75c-.3.29-.77.29-1.06 0l-2.75-2.75a.75.75 0 0 1 1.06-1.06L10 14.44l6.22-6.22a.75.75 0 1 1 1.06 1.06Z" fill="url(#ic_fluent_checkbox_24_color__b)"/><defs><linearGradient id="ic_fluent_checkbox_24_color__a" x1="3.64" y1="6.38" x2="16.07" y2="19.28" gradientUnits="userSpaceOnUse"><stop stop-color="#36DFF1"/><stop offset="1" stop-color="#2764E7"/></linearGradient><linearGradient id="ic_fluent_checkbox_24_color__b" x1="8.62" y1="8.63" x2="13.47" y2="24.31" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#B3E0FF"/></linearGradient></defs>`, { color: true }));
export const Checkbox120Regular = ( /*#__PURE__*/createFluentIcon('Checkbox120Regular', "20", ["M6 3a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h8c.77 0 1.47-.29 2-.76v-.83c-.22.08-.44.1-.67.08A2 2 0 0 1 14 16H6a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h8a2 2 0 0 1 2 2v5.75l.6-.45c.12-.1.26-.16.4-.21V6a3 3 0 0 0-3-3H6Zm7.85 4.85a.5.5 0 0 0-.7-.7L8.5 11.79l-1.65-1.64a.5.5 0 0 0-.7.7l2 2c.2.2.5.2.7 0l5-5Zm3.87 4.2a.5.5 0 0 1 .28.45v5a.5.5 0 0 1-1 0v-4l-1.2.9a.5.5 0 0 1-.6-.8l2-1.5a.5.5 0 0 1 .52-.05Z"]));
export const Checkbox120Filled = ( /*#__PURE__*/createFluentIcon('Checkbox120Filled', "20", ["M6 3a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h8c.77 0 1.47-.29 2-.76v-.83a1.5 1.5 0 0 1-1.4-2.61l2-1.5c.12-.1.26-.16.4-.21V6a3 3 0 0 0-3-3H6Zm7.85 4.85-5 5a.5.5 0 0 1-.7 0l-2-2a.5.5 0 0 1 .7-.7l1.65 1.64 4.65-4.64a.5.5 0 0 1 .7.7Zm3.87 4.2a.5.5 0 0 1 .28.45v5a.5.5 0 0 1-1 0v-4l-1.2.9a.5.5 0 0 1-.6-.8l2-1.5a.5.5 0 0 1 .52-.05Z"]));
export const Checkbox124Regular = ( /*#__PURE__*/createFluentIcon('Checkbox124Regular', "24", ["M6.25 3A3.25 3.25 0 0 0 3 6.25v11.5C3 19.55 4.46 21 6.25 21h11.5c.64 0 1.24-.19 1.75-.51v-1.66c-.16.08-.33.13-.5.15-.33.32-.76.52-1.25.52H6.25c-.97 0-1.75-.78-1.75-1.75V6.25c0-.97.78-1.75 1.75-1.75h11.5c.97 0 1.75.78 1.75 1.75v8.16l.66-.53a1.75 1.75 0 0 1 .84-.36V6.25C21 4.45 19.54 3 17.75 3H6.25Zm11.03 6.28a.75.75 0 1 0-1.06-1.06L10 14.44l-2.22-2.22a.75.75 0 0 0-1.06 1.06l2.75 2.75c.29.29.76.29 1.06 0l6.75-6.75ZM21 14.54a.75.75 0 0 0-.22.12l-2.5 2a.75.75 0 1 0 .94 1.18l1.28-1.03v4.44a.75.75 0 0 0 1.5 0v-6a.75.75 0 0 0-1-.7Z"]));
export const Checkbox124Filled = ( /*#__PURE__*/createFluentIcon('Checkbox124Filled', "24", ["M6.25 3A3.25 3.25 0 0 0 3 6.25v11.5C3 19.55 4.46 21 6.25 21h11.5c.64 0 1.24-.19 1.75-.51v-1.66a1.75 1.75 0 0 1-1.84-2.95l2.5-2a1.75 1.75 0 0 1 .84-.36V6.25C21 4.45 19.54 3 17.75 3H6.25Zm11.03 6.28-6.75 6.75c-.3.29-.77.29-1.06 0l-2.75-2.75a.75.75 0 0 1 1.06-1.06L10 14.44l6.22-6.22a.75.75 0 1 1 1.06 1.06ZM21 14.54a.75.75 0 0 0-.22.12l-2.5 2a.75.75 0 1 0 .94 1.18l1.28-1.03v4.44a.75.75 0 0 0 1.5 0v-6a.75.75 0 0 0-1-.7Z"]));
export const Checkbox220Regular = ( /*#__PURE__*/createFluentIcon('Checkbox220Regular', "20", ["M6 3a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h7.05c.06-.3.18-.63.4-1H6a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h8a2 2 0 0 1 2 2v5c.35 0 .69.06 1 .17V6a3 3 0 0 0-3-3H6Zm7.85 4.85a.5.5 0 0 0-.7-.7L8.5 11.79l-1.65-1.64a.5.5 0 0 0-.7.7l2 2c.2.2.5.2.7 0l5-5ZM15.93 13c-.3.02-.67.16-1.05.6a.5.5 0 1 1-.76-.65c.54-.61 1.15-.91 1.76-.95.6-.03 1.14.2 1.52.57.38.36.63.88.59 1.43-.04.57-.38 1.1-.99 1.45-1.1.64-1.6 1.2-1.82 1.55h2.32a.5.5 0 1 1 0 1h-3a.5.5 0 0 1-.5-.45 1.43 1.43 0 0 1 .03-.34c.04-.19.12-.42.28-.7a5.8 5.8 0 0 1 2.2-1.93c.36-.21.47-.46.48-.65a.84.84 0 0 0-.28-.64c-.2-.19-.48-.3-.78-.29Z"]));
export const Checkbox220Filled = ( /*#__PURE__*/createFluentIcon('Checkbox220Filled', "20", ["M6 3a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h7.05c.06-.3.18-.63.4-1 .23-.4.57-.8 1.04-1.23a1.5 1.5 0 0 1-1.12-2.48A3.51 3.51 0 0 1 15.82 11c.42-.02.82.05 1.18.17V6a3 3 0 0 0-3-3H6Zm7.85 4.85-5 5a.5.5 0 0 1-.7 0l-2-2a.5.5 0 0 1 .7-.7l1.65 1.64 4.65-4.64a.5.5 0 0 1 .7.7ZM15.93 13c-.3.02-.67.16-1.05.6a.5.5 0 1 1-.76-.65c.54-.61 1.15-.91 1.76-.95.6-.03 1.14.2 1.52.57.38.36.63.88.59 1.43-.04.57-.38 1.1-.99 1.45-1.1.64-1.6 1.2-1.82 1.55h2.32a.5.5 0 1 1 0 1h-3a.5.5 0 0 1-.5-.45 1.43 1.43 0 0 1 .03-.34c.04-.19.12-.42.28-.7a5.8 5.8 0 0 1 2.2-1.93c.36-.21.47-.46.48-.65a.84.84 0 0 0-.28-.64c-.2-.19-.48-.3-.78-.29Z"]));
export const Checkbox224Regular = ( /*#__PURE__*/createFluentIcon('Checkbox224Regular', "24", ["M6.25 3A3.25 3.25 0 0 0 3 6.25v11.5C3 19.55 4.46 21 6.25 21h10c.04-.58.19-1.08.4-1.5H6.24c-.97 0-1.75-.78-1.75-1.75V6.25c0-.97.78-1.75 1.75-1.75h11.5c.97 0 1.75.78 1.75 1.75v7.25a3.5 3.5 0 0 1 1.5.35v-7.6C21 4.45 19.54 3 17.75 3H6.25Zm11.56 16.5a2.86 2.86 0 0 0-.56 1.75c0 .41.34.75.75.75h3a.75.75 0 0 0 0-1.5h-2.06a3.45 3.45 0 0 1 1.09-1l.04-.03c.22-.16.47-.34.72-.56.5-.46.96-1.08.96-2 0-.63-.17-1.18-.5-1.6a2.05 2.05 0 0 0-1.27-.76 2.82 2.82 0 0 0-2.54.86.75.75 0 1 0 1.12 1 1.32 1.32 0 0 1 1.13-.4c.17.04.3.12.38.22.09.11.18.31.18.68 0 .45-.23.72-.77 1.13-.13.1-.26.2-.42.3-.4.3-.88.65-1.25 1.16Zm-.53-10.22a.75.75 0 1 0-1.06-1.06L10 14.44l-2.22-2.22a.75.75 0 0 0-1.06 1.06l2.75 2.75c.29.29.76.29 1.06 0l6.75-6.75Z"]));
export const Checkbox224Filled = ( /*#__PURE__*/createFluentIcon('Checkbox224Filled', "24", ["M6.25 3A3.25 3.25 0 0 0 3 6.25v11.5C3 19.55 4.46 21 6.25 21h10c.11-1.86 1.38-2.85 2.1-3.38a1.75 1.75 0 0 1-1.65-2.88 3.8 3.8 0 0 1 3.47-1.18c.28.06.56.15.83.29v-7.6C21 4.45 19.54 3 17.75 3H6.25Zm12.81 15.35c-.7.5-1.7 1.23-1.8 2.65l-.01.25c0 .41.34.75.75.75h3a.75.75 0 0 0 0-1.5h-2.06a3.45 3.45 0 0 1 1.09-1l.04-.03c.22-.16.47-.34.72-.56.5-.46.96-1.08.96-2 0-.63-.17-1.18-.5-1.6a2.05 2.05 0 0 0-1.27-.76 2.8 2.8 0 0 0-2.54.86.75.75 0 1 0 1.12 1c.27-.3.76-.47 1.13-.4.17.04.3.12.38.22.09.11.18.31.18.68 0 .55-.35.83-1.19 1.44Zm-1.78-9.07-6.75 6.75c-.3.29-.77.29-1.06 0l-2.75-2.75a.75.75 0 0 1 1.06-1.06L10 14.44l6.22-6.22a.75.75 0 1 1 1.06 1.06Z"]));