duffel-bag icon

Duffel bag: duffel bag, gym bag, holdall. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M12.788 7.246C13.238 7.424 13.633 7.683 13.975 8.025C14.317 8.367 14.576 8.762 14.754 9.212C14.918 9.625 15 10.055 15 10.5C15 10.945 14.918 11.375 14.754 11.788C14.576 12.238 14.317 12.633 13.975 12.975C13.633 13.317 13.238 13.576 12.788 13.754C12.375 13.918 11.945 14 11.5 14L4.5 14C4.055 14 3.625 13.918 3.212 13.754C2.762 13.576 2.367 13.317 2.025 12.975C1.683 12.633 1.424 12.238 1.246 11.788C1.082 11.375 1 10.945 1 10.5C1 10.055 1.082 9.625 1.246 9.212C1.424 8.762 1.683 8.367 2.025 8.025C2.367 7.683 2.762 7.424 3.212 7.246C3.625 7.082 4.055 7 4.5 7L5.031 7C5.07 6.702 5.144 6.422 5.253 6.159C5.414 5.775 5.642 5.443 5.94 5.166C6.219 4.906 6.541 4.707 6.907 4.571C7.257 4.44 7.621 4.375 8 4.375C8.379 4.375 8.743 4.44 9.093 4.571C9.459 4.707 9.781 4.906 10.06 5.166C10.358 5.443 10.586 5.775 10.747 6.159C10.856 6.422 10.93 6.702 10.969 7L11.5 7C11.945 7 12.375 7.082 12.788 7.246ZM8.743 5.507C8.507 5.419 8.259 5.375 8 5.375C7.741 5.375 7.493 5.419 7.257 5.507C7.015 5.598 6.804 5.727 6.622 5.897C6.315 6.184 6.121 6.551 6.042 7L9.958 7C9.879 6.551 9.685 6.184 9.378 5.897C9.196 5.727 8.985 5.598 8.743 5.507ZM11.25 10.5C11.25 9.962 11.192 9.454 11.077 8.977C10.985 8.601 10.866 8.275 10.717 8L5.283 8C5.134 8.275 5.015 8.601 4.923 8.977C4.808 9.454 4.75 9.962 4.75 10.5C4.75 11.038 4.808 11.546 4.923 12.023C5.015 12.399 5.134 12.725 5.283 13L10.717 13C10.866 12.725 10.985 12.399 11.077 12.023C11.192 11.546 11.25 11.038 11.25 10.5ZM2.732 8.732C2.488 8.976 2.303 9.259 2.176 9.58C2.059 9.875 2 10.182 2 10.5C2 10.818 2.059 11.125 2.176 11.42C2.303 11.741 2.488 12.024 2.732 12.268C2.976 12.512 3.259 12.697 3.58 12.824C3.773 12.901 3.972 12.953 4.175 12.979C4.088 12.756 4.014 12.516 3.952 12.258C3.817 11.704 3.75 11.118 3.75 10.5C3.75 9.882 3.817 9.296 3.952 8.742C4.014 8.484 4.088 8.244 4.175 8.021C3.972 8.047 3.773 8.099 3.58 8.176C3.259 8.303 2.976 8.488 2.732 8.732ZM13.268 12.268C13.512 12.024 13.697 11.741 13.824 11.42C13.941 11.125 14 10.818 14 10.5C14 10.182 13.941 9.875 13.824 9.58C13.697 9.259 13.512 8.976 13.268 8.732C13.024 8.488 12.741 8.303 12.42 8.176C12.227 8.099 12.028 8.047 11.825 8.021C11.912 8.244 11.986 8.484 12.048 8.742C12.183 9.296 12.25 9.882 12.25 10.5C12.25 11.118 12.183 11.704 12.048 12.258C11.986 12.516 11.912 12.756 11.825 12.979C12.028 12.953 12.227 12.901 12.42 12.824C12.741 12.697 13.024 12.512 13.268 12.268Z"/></svg>

React

// Gentleface "duffel-bag" (line-round), MIT. https://gentleface.com/icons/duffel-bag
import type { SVGProps } from 'react';

export function DuffelBagIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M12.788 7.246C13.238 7.424 13.633 7.683 13.975 8.025C14.317 8.367 14.576 8.762 14.754 9.212C14.918 9.625 15 10.055 15 10.5C15 10.945 14.918 11.375 14.754 11.788C14.576 12.238 14.317 12.633 13.975 12.975C13.633 13.317 13.238 13.576 12.788 13.754C12.375 13.918 11.945 14 11.5 14L4.5 14C4.055 14 3.625 13.918 3.212 13.754C2.762 13.576 2.367 13.317 2.025 12.975C1.683 12.633 1.424 12.238 1.246 11.788C1.082 11.375 1 10.945 1 10.5C1 10.055 1.082 9.625 1.246 9.212C1.424 8.762 1.683 8.367 2.025 8.025C2.367 7.683 2.762 7.424 3.212 7.246C3.625 7.082 4.055 7 4.5 7L5.031 7C5.07 6.702 5.144 6.422 5.253 6.159C5.414 5.775 5.642 5.443 5.94 5.166C6.219 4.906 6.541 4.707 6.907 4.571C7.257 4.44 7.621 4.375 8 4.375C8.379 4.375 8.743 4.44 9.093 4.571C9.459 4.707 9.781 4.906 10.06 5.166C10.358 5.443 10.586 5.775 10.747 6.159C10.856 6.422 10.93 6.702 10.969 7L11.5 7C11.945 7 12.375 7.082 12.788 7.246ZM8.743 5.507C8.507 5.419 8.259 5.375 8 5.375C7.741 5.375 7.493 5.419 7.257 5.507C7.015 5.598 6.804 5.727 6.622 5.897C6.315 6.184 6.121 6.551 6.042 7L9.958 7C9.879 6.551 9.685 6.184 9.378 5.897C9.196 5.727 8.985 5.598 8.743 5.507ZM11.25 10.5C11.25 9.962 11.192 9.454 11.077 8.977C10.985 8.601 10.866 8.275 10.717 8L5.283 8C5.134 8.275 5.015 8.601 4.923 8.977C4.808 9.454 4.75 9.962 4.75 10.5C4.75 11.038 4.808 11.546 4.923 12.023C5.015 12.399 5.134 12.725 5.283 13L10.717 13C10.866 12.725 10.985 12.399 11.077 12.023C11.192 11.546 11.25 11.038 11.25 10.5ZM2.732 8.732C2.488 8.976 2.303 9.259 2.176 9.58C2.059 9.875 2 10.182 2 10.5C2 10.818 2.059 11.125 2.176 11.42C2.303 11.741 2.488 12.024 2.732 12.268C2.976 12.512 3.259 12.697 3.58 12.824C3.773 12.901 3.972 12.953 4.175 12.979C4.088 12.756 4.014 12.516 3.952 12.258C3.817 11.704 3.75 11.118 3.75 10.5C3.75 9.882 3.817 9.296 3.952 8.742C4.014 8.484 4.088 8.244 4.175 8.021C3.972 8.047 3.773 8.099 3.58 8.176C3.259 8.303 2.976 8.488 2.732 8.732ZM13.268 12.268C13.512 12.024 13.697 11.741 13.824 11.42C13.941 11.125 14 10.818 14 10.5C14 10.182 13.941 9.875 13.824 9.58C13.697 9.259 13.512 8.976 13.268 8.732C13.024 8.488 12.741 8.303 12.42 8.176C12.227 8.099 12.028 8.047 11.825 8.021C11.912 8.244 11.986 8.484 12.048 8.742C12.183 9.296 12.25 9.882 12.25 10.5C12.25 11.118 12.183 11.704 12.048 12.258C11.986 12.516 11.912 12.756 11.825 12.979C12.028 12.953 12.227 12.901 12.42 12.824C12.741 12.697 13.024 12.512 13.268 12.268Z" />
    </svg>
  );
}

Vue

Vue: see /icons/duffel-bag.md

Svelte

Svelte: see /icons/duffel-bag.md

HTML img

HTML img: see /icons/duffel-bag.md

CSS

CSS: see /icons/duffel-bag.md

Data URL

Data URL: see /icons/duffel-bag.md

Sprite

Sprite: see /icons/duffel-bag.md

SwiftUI

SwiftUI: see /icons/duffel-bag.md

Compose

Compose: see /icons/duffel-bag.md

Android XML

Android XML: see /icons/duffel-bag.md

Flutter

Flutter: see /icons/duffel-bag.md

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

duffel bag, gym bag, holdall

Tags

duffel bag, duffle, gym bag, holdall, sports bag, travel bag, weekender, luggage, bag

Category

Travel

Component name

DuffelBagIcon

History

2026-11-12 20 px drawn, 24 px drawn, added

More travel icons

backpack backpack-off baggage-claim beach bench campfire concierge-bell door-arrows door-hanger hat hat-bowler hat-cowboy hot-air-balloon hot-bath hot-tub hotel · all travel icons

For agents

Metadata: /icons/duffel-bag.json · Markdown: /icons/duffel-bag.md · SVG: https://gentleface.com/svg/{style}/16/duffel-bag.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/duffel-bag.png

duffel-bag icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp

Code line-round

Meaning

More travel icons

For agents

duffel-bag icon