import * as React from 'react' ; import { useUID } from '@twilio-paste/uid-library' ; export interface PatternsIconProps { className ? : string ; size ? : number ; color ? : string ; title ? : string ; decorative ? : boolean ; } const PatternsIcon = React . memo ( ( { title = 'Patterns Icon' , decorative = true , className , color , size } ) => { const titleId = useUID ( ) ; return ( < span style = { { color , width : size , height : size , display : 'inline-block' } } className = { className } > < svg role = "img" aria - hidden = { decorative } width = "100%" height = "100%" aria - labelledby = { titleId } > { title ? < title id = { titleId } > { title } < /title> : null} < path fill = "currentColor" fillRule = "evenodd" d = "M17.143 19.55a.571.571 0 00-.572-.567H4.381a.571.571 0 000 1.143h12.19a.571.571 0 00.572-.576zM4.366 15.38a.571.571 0 000 1.143h3.428a.571.571 0 000-1.143H4.366zm6.14 1.135h8.336a.571.571 0 000-1.143h-8.335a.571.571 0 100 1.143zm3.76-4.171a.568.568 0 00-.552-.568H4.366a.571.571 0 000 1.143h9.348a.568.568 0 00.553-.575zm4.576-.568H16a.571.571 0 000 1.143h2.857a.571.571 0 100-1.143h-.015zm-.027-3.604H4.365a.571.571 0 100 1.143h14.45a.571.571 0 100-1.143zm.91 10.366l-1.34-.846a.574.574 0 10-.606.976l1.337.85a.05.05 0 01.03.049.065.065 0 01-.03.053l-1.337.846a.568.568 0 00.606.96l1.34-.854a1.2 1.2 0 000-2.026v-.008zM6.386 5.135a.568.568 0 00.567.58h8.11a.571.571 0 100-1.144h-8.11a.568.568 0 00-.567.564zm-1.15 1.86c.09.055.194.086.3.087a.575.575 0 00.484-.267.564.564 0 00-.179-.78l-1.337-.85a.05.05 0 01-.03-.05.057.057 0 01.03-.053l1.337-.846a.568.568 0 10-.606-.96l-1.34.846a1.196 1.196 0 000 2.023l1.34.85zm13.05-3.319l-1.523 2.286a.571.571 0 00.587.872.568.568 0 00.361-.244l1.524-2.285a.569.569 0 00-.948-.629zM2.359 22.67h-.956v-.956a.571.571 0 10-1.143 0v1.524c0 .314.254.568.568.568H2.35a.571.571 0 000-1.143l.008.007zm16.202 0H15.86a.571.571 0 000 1.143h2.701a.571.571 0 100-1.143zm-5.402 0h-2.697a.571.571 0 000 1.143h2.697a.571.571 0 100-1.143zm-5.398 0H5.059a.571.571 0 000 1.143H7.76a.571.571 0 100-1.143zm15.025-1.523a.568.568 0 00-.568.567v.956h-.956a.571.571 0 000 1.143h1.524a.568.568 0 00.567-.575v-1.524a.568.568 0 00-.567-.567zm0-5.55a.568.568 0 00-.568.567v2.773a.571.571 0 101.143 0v-2.773a.564.564 0 00-.575-.568zm0-5.555a.571.571 0 00-.568.571v2.774a.571.571 0 101.143 0v-2.774a.568.568 0 00-.575-.571zm0-5.55a.571.571 0 00-.568.57v2.774a.571.571 0 101.143 0V5.063a.568.568 0 00-.575-.572zm0-4.298H21.26a.571.571 0 100 1.143h.956v.949a.571.571 0 101.143 0V.762a.568.568 0 00-.575-.568zM5.059 1.33H7.76a.571.571 0 000-1.143H5.059a.571.571 0 100 1.143zm10.8 0h2.701a.571.571 0 100-1.143h-2.701a.571.571 0 100 1.143zm-5.398 0h2.697a.571.571 0 100-1.143h-2.697a.571.571 0 100 1.143zM2.358.194H.834a.568.568 0 00-.567.568v1.524a.571.571 0 001.143 0V1.33h.956a.571.571 0 000-1.143l-.008.007zM.834 19.51a.571.571 0 00.568-.572v-2.773a.571.571 0 10-1.143 0v2.773a.568.568 0 00.575.572zm0-5.55a.571.571 0 00.568-.572v-2.774a.571.571 0 10-1.143 0v2.774a.568.568 0 00.575.571zm0-5.555a.568.568 0 00.568-.568V5.063a.571.571 0 10-1.143 0v2.773a.564.564 0 00.575.568z" / > < /svg> < /span>); } ) ; export default PatternsIcon ;