alternative tangled frontend (extremely wip)

feat: icons and init branding

serenity 78d82cc2 a132f6dc

+30
+5
src/components/Icons/Branding/StrandIcon.tsx
··· 1 + import { LucideSpool } from '@/components/Icons/LucideSpool' 2 + 3 + export const StrandIcon = () => { 4 + return <LucideSpool /> 5 + }
+25
src/components/Icons/LucideSpool.tsx
··· 1 + import { SVGProps } from 'react' 2 + 3 + export function LucideSpool(props: SVGProps<SVGSVGElement>) { 4 + return ( 5 + <svg 6 + xmlns="http://www.w3.org/2000/svg" 7 + width="1em" 8 + height="1em" 9 + viewBox="0 0 24 24" 10 + {...props} 11 + > 12 + {/* Icon from Lucide by Lucide Contributors - https://github.com/lucide-icons/lucide/blob/main/LICENSE */} 13 + <g 14 + fill="none" 15 + stroke="currentColor" 16 + strokeLinecap="round" 17 + strokeLinejoin="round" 18 + strokeWidth="2" 19 + > 20 + <path d="M17 13.44L4.442 17.082A2 2 0 0 0 4.982 21H19a2 2 0 0 0 .558-3.921l-1.115-.32A2 2 0 0 1 17 14.837V7.66" /> 21 + <path d="m7 10.56l12.558-3.642A2 2 0 0 0 19.018 3H5a2 2 0 0 0-.558 3.921l1.115.32A2 2 0 0 1 7 9.163v7.178" /> 22 + </g> 23 + </svg> 24 + ) 25 + }