sebikostudio-icons
Version:
A collection of icon components
18 lines (13 loc) • 1.49 kB
JavaScript
import React, { forwardRef } from 'react';
export const TransformIcon = forwardRef(({ className, style, ariaLabel, ...props }, ref) => (
<svg ref={ref} className={className} aria-label={ariaLabel || "transform, box, square, vector, shapes"} style={style} width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path d="M15 3.5L5 3.5M16.5 15L16.5 5M3.5 15L3.5 5M5 16.5L15 16.5" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M6.5 6.5H9.5V9.5H6.5V6.5Z" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M9.5 9.5H13.5V13.5H9.5V9.5Z" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M3.5 5C2.67157 5 2 4.32843 2 3.5C2 2.67157 2.67157 2 3.5 2C4.32843 2 5 2.67157 5 3.5C5 4.32843 4.32843 5 3.5 5Z" stroke="currentColor" strokeLinejoin="round"/>
<path d="M3.5 18C2.67157 18 2 17.3284 2 16.5C2 15.6716 2.67157 15 3.5 15C4.32843 15 5 15.6716 5 16.5C5 17.3284 4.32843 18 3.5 18Z" stroke="currentColor" strokeLinejoin="round"/>
<path d="M16.5 5C15.6716 5 15 4.32843 15 3.5C15 2.67157 15.6716 2 16.5 2C17.3284 2 18 2.67157 18 3.5C18 4.32843 17.3284 5 16.5 5Z" stroke="currentColor" strokeLinejoin="round"/>
<path d="M16.5 18C15.6716 18 15 17.3284 15 16.5C15 15.6716 15.6716 15 16.5 15C17.3284 15 18 15.6716 18 16.5C18 17.3284 17.3284 18 16.5 18Z" stroke="currentColor" strokeLinejoin="round"/>
</svg>
));
export default TransformIcon;