afro-react-icons
Version:
A professional React icon pack inspired by African culture and design, featuring tribal symbols, kente patterns, drums, masks, and more.
34 lines (30 loc) • 1.01 kB
JavaScript
import React from 'react';
const KentePattern = ({ size = 24, color = 'currentColor', ...props }) => (
<svg
width={size}
height={size}
viewBox="0 0 24 24"
fill="none"
stroke={color}
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<rect x="2" y="2" width="20" height="20" />
<path d="M2 8h20" />
<path d="M2 16h20" />
<path d="M8 2v20" />
<path d="M16 2v20" />
<rect x="4" y="4" width="2" height="2" fill={color} />
<rect x="10" y="4" width="2" height="2" fill={color} />
<rect x="18" y="4" width="2" height="2" fill={color} />
<rect x="4" y="10" width="2" height="2" fill={color} />
<rect x="18" y="10" width="2" height="2" fill={color} />
<rect x="4" y="18" width="2" height="2" fill={color} />
<rect x="10" y="18" width="2" height="2" fill={color} />
<rect x="18" y="18" width="2" height="2" fill={color} />
</svg>
);
export default KentePattern;