sebikostudio-icons
Version:
A collection of icon components
24 lines (19 loc) • 1.73 kB
JavaScript
import React, { forwardRef } from 'react';
export const ColumnsThreeIcon = forwardRef(({ className, style, ariaLabel, ...props }, ref) => (
<svg ref={ref} className={className} aria-label={ariaLabel || "columns three, two columns, column, containers, web content, content"} style={style} width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path d="M7.5 15.5H2.5V4.5H7.5V15.5Z" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M12.5 15.5H7.5V4.5H12.5V15.5Z" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M17.5 15.5H12.5V4.5H17.5V15.5Z" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M9.5 1.5H10.5" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M9.5 18.5H10.5" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M5.5 1.5H6.5" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M5.5 18.5H6.5" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M1.5 1.5H2.5" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M1.5 18.5H2.5" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M13.5 1.5H14.5" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M13.5 18.5H14.5" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M17.5 1.5H18.5" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M17.5 18.5H18.5" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
</svg>
));
export default ColumnsThreeIcon;