{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"backpack","type":"registry:component","title":"Backpack","description":"backpack from coolicons in Line with regular corners. rucksack, bag, school, student, hiking, education. Other styles and corners: @coolicons/<style>/<radius>/backpack with line, duocolor, duotone, fill or bulk and sharp or round. Leave out regular, like @coolicons/fill/backpack, and use @coolicons/backpack for line with regular corners.","categories":["Science"],"author":"coolicons <https://coolicons.cool>","docs":"https://coolicons.cool/icons/backpack","meta":{"icon":"backpack","style":"line","radius":"regular"},"files":[{"path":"registry/icons/backpack.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 Backpack({ 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=\"M12 7H16C18.20914 7 20 8.79086 20 11V19C20 20.10457 19.10457 21 18 21H6C4.89543 21 4 20.10457 4 19V11C4 8.79086 5.79086 7 8 7H12ZM8 11H16M10 7V4C10 3.44772 10.44772 3 11 3H13C13.55228 3 14 3.44772 14 4V7M8 21V17C8 16.44772 8.44772 16 9 16H15C15.55228 16 16 16.44772 16 17V21\" stroke=\"currentColor\" strokeWidth={strokeWidth} strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  );\n}\n","target":"@components/icons/backpack.tsx"}]}