hotdog icon

Hotdog: hot dog. 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="M13.5 1.997C13.636 1.997 13.754 2.047 13.854 2.146C13.951 2.244 14 2.362 14 2.5C14 2.638 13.951 2.756 13.854 2.854L13.187 3.521C13.562 4.001 13.75 4.494 13.75 5C13.75 5.617 13.47 6.216 12.911 6.795C12.653 7.295 12.288 7.846 11.815 8.449C11.35 9.043 10.821 9.636 10.229 10.229C9.636 10.821 9.043 11.35 8.449 11.815C7.846 12.288 7.295 12.653 6.795 12.911C6.216 13.47 5.617 13.75 5 13.75C4.494 13.75 4.001 13.562 3.521 13.187L2.854 13.854C2.756 13.951 2.638 14 2.5 14C2.362 14 2.244 13.951 2.146 13.854C2.047 13.754 1.997 13.636 1.997 13.5C1.997 13.364 2.047 13.246 2.146 13.146L2.813 12.479C2.438 11.999 2.25 11.506 2.25 11C2.25 10.362 2.549 9.744 3.146 9.146C3.185 9.108 3.228 9.077 3.276 9.053C3.734 8.824 4.253 8.482 4.832 8.028C5.394 7.588 5.958 7.085 6.521 6.521C7.085 5.958 7.588 5.394 8.028 4.832C8.482 4.253 8.824 3.734 9.053 3.276C9.077 3.228 9.108 3.185 9.146 3.146C9.744 2.549 10.362 2.25 11 2.25C11.506 2.25 11.999 2.438 12.479 2.813L13.146 2.146C13.246 2.047 13.364 1.997 13.5 1.997ZM2.829 8.158C2.716 8.215 2.612 8.284 2.517 8.367C2.505 8.363 2.492 8.359 2.479 8.354C2.347 8.307 2.251 8.222 2.193 8.099C2.135 7.976 2.129 7.848 2.177 7.716C2.398 7.094 2.722 6.571 3.146 6.146L6.146 3.146C6.571 2.722 7.094 2.398 7.715 2.177C7.846 2.13 7.973 2.137 8.098 2.196C8.222 2.255 8.308 2.349 8.354 2.479C8.359 2.492 8.363 2.505 8.367 2.517C8.284 2.612 8.215 2.716 8.158 2.829C8.108 2.929 8.051 3.034 7.988 3.142C7.536 3.312 7.158 3.549 6.854 3.854L3.854 6.854C3.549 7.158 3.312 7.536 3.142 7.988C3.034 8.051 2.929 8.108 2.829 8.158ZM5.449 8.815C4.848 9.287 4.298 9.651 3.8 9.909C3.433 10.291 3.25 10.655 3.25 11C3.25 11.362 3.451 11.744 3.854 12.146C4.256 12.549 4.638 12.75 5 12.75C5.362 12.75 5.744 12.549 6.146 12.146C6.185 12.108 6.228 12.077 6.276 12.053C6.734 11.824 7.253 11.482 7.832 11.028C8.394 10.588 8.958 10.085 9.521 9.521C10.085 8.958 10.588 8.394 11.028 7.832C11.482 7.253 11.824 6.734 12.053 6.276C12.077 6.228 12.108 6.185 12.146 6.146C12.549 5.744 12.75 5.362 12.75 5C12.75 4.638 12.549 4.256 12.146 3.854C11.744 3.451 11.362 3.25 11 3.25C10.655 3.25 10.291 3.433 9.909 3.8C9.651 4.298 9.287 4.848 8.815 5.449C8.35 6.043 7.821 6.636 7.229 7.229C6.636 7.821 6.043 8.35 5.449 8.815ZM9.066 12.602C9.692 12.112 10.315 11.556 10.936 10.936C11.556 10.315 12.112 9.692 12.602 9.066C12.913 8.669 13.183 8.29 13.411 7.929C13.421 7.933 13.431 7.937 13.441 7.942C13.57 7.999 13.659 8.091 13.709 8.217C13.758 8.344 13.754 8.472 13.697 8.601C13.483 9.088 13.202 9.505 12.854 9.854L9.854 12.854C9.505 13.202 9.088 13.483 8.601 13.698C8.472 13.754 8.344 13.758 8.217 13.709C8.09 13.66 7.998 13.57 7.942 13.441C7.937 13.431 7.933 13.421 7.929 13.411C8.29 13.183 8.669 12.914 9.066 12.602Z"/></svg>

React

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

export function HotdogIcon(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="M13.5 1.997C13.636 1.997 13.754 2.047 13.854 2.146C13.951 2.244 14 2.362 14 2.5C14 2.638 13.951 2.756 13.854 2.854L13.187 3.521C13.562 4.001 13.75 4.494 13.75 5C13.75 5.617 13.47 6.216 12.911 6.795C12.653 7.295 12.288 7.846 11.815 8.449C11.35 9.043 10.821 9.636 10.229 10.229C9.636 10.821 9.043 11.35 8.449 11.815C7.846 12.288 7.295 12.653 6.795 12.911C6.216 13.47 5.617 13.75 5 13.75C4.494 13.75 4.001 13.562 3.521 13.187L2.854 13.854C2.756 13.951 2.638 14 2.5 14C2.362 14 2.244 13.951 2.146 13.854C2.047 13.754 1.997 13.636 1.997 13.5C1.997 13.364 2.047 13.246 2.146 13.146L2.813 12.479C2.438 11.999 2.25 11.506 2.25 11C2.25 10.362 2.549 9.744 3.146 9.146C3.185 9.108 3.228 9.077 3.276 9.053C3.734 8.824 4.253 8.482 4.832 8.028C5.394 7.588 5.958 7.085 6.521 6.521C7.085 5.958 7.588 5.394 8.028 4.832C8.482 4.253 8.824 3.734 9.053 3.276C9.077 3.228 9.108 3.185 9.146 3.146C9.744 2.549 10.362 2.25 11 2.25C11.506 2.25 11.999 2.438 12.479 2.813L13.146 2.146C13.246 2.047 13.364 1.997 13.5 1.997ZM2.829 8.158C2.716 8.215 2.612 8.284 2.517 8.367C2.505 8.363 2.492 8.359 2.479 8.354C2.347 8.307 2.251 8.222 2.193 8.099C2.135 7.976 2.129 7.848 2.177 7.716C2.398 7.094 2.722 6.571 3.146 6.146L6.146 3.146C6.571 2.722 7.094 2.398 7.715 2.177C7.846 2.13 7.973 2.137 8.098 2.196C8.222 2.255 8.308 2.349 8.354 2.479C8.359 2.492 8.363 2.505 8.367 2.517C8.284 2.612 8.215 2.716 8.158 2.829C8.108 2.929 8.051 3.034 7.988 3.142C7.536 3.312 7.158 3.549 6.854 3.854L3.854 6.854C3.549 7.158 3.312 7.536 3.142 7.988C3.034 8.051 2.929 8.108 2.829 8.158ZM5.449 8.815C4.848 9.287 4.298 9.651 3.8 9.909C3.433 10.291 3.25 10.655 3.25 11C3.25 11.362 3.451 11.744 3.854 12.146C4.256 12.549 4.638 12.75 5 12.75C5.362 12.75 5.744 12.549 6.146 12.146C6.185 12.108 6.228 12.077 6.276 12.053C6.734 11.824 7.253 11.482 7.832 11.028C8.394 10.588 8.958 10.085 9.521 9.521C10.085 8.958 10.588 8.394 11.028 7.832C11.482 7.253 11.824 6.734 12.053 6.276C12.077 6.228 12.108 6.185 12.146 6.146C12.549 5.744 12.75 5.362 12.75 5C12.75 4.638 12.549 4.256 12.146 3.854C11.744 3.451 11.362 3.25 11 3.25C10.655 3.25 10.291 3.433 9.909 3.8C9.651 4.298 9.287 4.848 8.815 5.449C8.35 6.043 7.821 6.636 7.229 7.229C6.636 7.821 6.043 8.35 5.449 8.815ZM9.066 12.602C9.692 12.112 10.315 11.556 10.936 10.936C11.556 10.315 12.112 9.692 12.602 9.066C12.913 8.669 13.183 8.29 13.411 7.929C13.421 7.933 13.431 7.937 13.441 7.942C13.57 7.999 13.659 8.091 13.709 8.217C13.758 8.344 13.754 8.472 13.697 8.601C13.483 9.088 13.202 9.505 12.854 9.854L9.854 12.854C9.505 13.202 9.088 13.483 8.601 13.698C8.472 13.754 8.344 13.758 8.217 13.709C8.09 13.66 7.998 13.57 7.942 13.441C7.937 13.431 7.933 13.421 7.929 13.411C8.29 13.183 8.669 12.914 9.066 12.602Z" />
    </svg>
  );
}

Vue

Vue: see /icons/hotdog.md

Svelte

Svelte: see /icons/hotdog.md

HTML img

HTML img: see /icons/hotdog.md

CSS

CSS: see /icons/hotdog.md

Data URL

Data URL: see /icons/hotdog.md

Sprite

Sprite: see /icons/hotdog.md

SwiftUI

SwiftUI: see /icons/hotdog.md

Compose

Compose: see /icons/hotdog.md

Android XML

Android XML: see /icons/hotdog.md

Flutter

Flutter: see /icons/hotdog.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

hot dog

Tags

hotdog, hot-dog, sausage, bun, frankfurter, fast-food, mustard, street-food, food

Category

Food & drink

Component name

HotdogIcon

History

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

More food & drink icons

amphora apple apron avocado banana barrel barrel-off bean bean-off beef beef-off beer bento bottle bottle-off bowl · all food & drink icons

For agents

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

hotdog icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp

Code line-round

Meaning

More food & drink icons

For agents

hotdog icon