{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"align-left","type":"registry:component","title":"AlignLeft","description":"align-left from coolicons in Line with regular corners. alignment, arrange, layout, start, position, flush. Other styles and corners: @coolicons/<style>/<radius>/align-left with line, duocolor, duotone, fill or bulk and sharp or round. Leave out regular, like @coolicons/fill/align-left, and use @coolicons/align-left for line with regular corners.","categories":["Design"],"author":"coolicons <https://coolicons.cool>","docs":"https://coolicons.cool/icons/align-left","meta":{"icon":"align-left","style":"line","radius":"regular"},"files":[{"path":"registry/icons/align-left.tsx","type":"registry:component","content":"import type { SVGProps } from \"react\";\n\ntype IconProps = Omit<SVGProps<SVGSVGElement>, \"children\"> & {\n  size?: number | string;\n  strokeWidth?: number | string;\n  title?: string;\n};\n\nexport function AlignLeft({ size = 24, strokeWidth = 2, title, ...props }: IconProps) {\n  return (\n    <svg\n      width={size}\n      height={size}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      role={title ? \"img\" : undefined}\n      aria-hidden={title ? undefined : true}\n      {...props}\n    >\n      {title ? <title>{title}</title> : null}\n      <path d=\"M8 6C8 4.89543 8.89543 4 10 4H18C19.10457 4 20 4.89543 20 6V8C20 9.10457 19.10457 10 18 10H10C8.89543 10 8 9.10457 8 8ZM8 16C8 14.89543 8.89543 14 10 14H14C15.10457 14 16 14.89543 16 16V18C16 19.10457 15.10457 20 14 20H10C8.89543 20 8 19.10457 8 18ZM4 3V21\" stroke=\"currentColor\" strokeWidth={strokeWidth} strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  );\n}\n","target":"@components/icons/align-left.tsx"}]}