35 lines
1.0 KiB
TypeScript
35 lines
1.0 KiB
TypeScript
|
|
import * as React from 'react';
|
|
|
|
interface IconProps extends React.SVGAttributes<SVGElement> {
|
|
children?: never;
|
|
color?: string;
|
|
}
|
|
|
|
/**
|
|
* @name CheckCircleIcon
|
|
*
|
|
* @category outline
|
|
*
|
|
* @description
|
|
*
|
|
*
|
|
*
|
|
* @usage
|
|
*
|
|
*
|
|
* @accessibility
|
|
* Asegurarse de incluir un atributo `aria-label` o `aria-hidden="true"` si el ícono es decorativo.
|
|
*
|
|
* @returns {JSX.Element} Componente SVG.
|
|
*/
|
|
export const CheckCircleIcon = React.forwardRef<SVGSVGElement, IconProps>(
|
|
({ color = 'currentColor', ...props }, forwardedRef) => {
|
|
return (
|
|
<svg {...props} ref={forwardedRef} xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-slot="icon" viewBox="0 0 24 24" fill="currentColor"><path fillRule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" clipRule="evenodd"/></svg>
|
|
);
|
|
}
|
|
);
|
|
|
|
CheckCircleIcon.displayName = 'CheckCircleIcon';
|