35 lines
1.2 KiB
TypeScript
35 lines
1.2 KiB
TypeScript
|
|
import * as React from 'react';
|
|
|
|
interface IconProps extends React.SVGAttributes<SVGElement> {
|
|
children?: never;
|
|
color?: string;
|
|
}
|
|
|
|
/**
|
|
* @name PencilSquareIcon
|
|
*
|
|
* @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 PencilSquareIcon = 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 d="M21.731 2.269a2.625 2.625 0 0 0-3.712 0l-1.157 1.157 3.712 3.712 1.157-1.157a2.625 2.625 0 0 0 0-3.712Zm-2.218 5.93-3.712-3.712-8.4 8.4a5.25 5.25 0 0 0-1.32 2.214l-.8 2.685a.75.75 0 0 0 .933.933l2.685-.8a5.25 5.25 0 0 0 2.214-1.32l8.4-8.4Z"/><path d="M5.25 5.25a3 3 0 0 0-3 3v10.5a3 3 0 0 0 3 3h10.5a3 3 0 0 0 3-3V13.5a.75.75 0 0 0-1.5 0v5.25a1.5 1.5 0 0 1-1.5 1.5H5.25a1.5 1.5 0 0 1-1.5-1.5V8.25a1.5 1.5 0 0 1 1.5-1.5h5.25a.75.75 0 0 0 0-1.5H5.25Z"/></svg>
|
|
);
|
|
}
|
|
);
|
|
|
|
PencilSquareIcon.displayName = 'PencilSquareIcon';
|