ham icon

Ham: ham, pork, gammon. 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="M9.277 4.016C9.207 3.899 9.15 3.773 9.105 3.64C8.991 3.303 8.969 2.959 9.038 2.61C9.108 2.26 9.26 1.951 9.495 1.683C9.7 1.449 9.947 1.272 10.235 1.152C10.523 1.033 10.822 0.984 11.133 1.004C11.489 1.028 11.815 1.139 12.111 1.337C12.407 1.535 12.635 1.794 12.793 2.113C12.931 2.393 13 2.688 13 3C13.312 3 13.607 3.069 13.887 3.207C14.206 3.365 14.465 3.593 14.663 3.889C14.861 4.185 14.972 4.511 14.996 4.867C15.016 5.178 14.967 5.477 14.848 5.765C14.728 6.053 14.551 6.3 14.317 6.505C14.049 6.74 13.74 6.892 13.39 6.962C13.041 7.031 12.697 7.009 12.36 6.895C12.227 6.85 12.101 6.793 11.984 6.723L9.997 8.71C9.968 9.671 9.743 10.637 9.322 11.608C8.865 12.662 8.23 13.596 7.419 14.41C7.418 14.411 7.417 14.412 7.416 14.413L7.414 14.414L7.413 14.415C7.225 14.603 7.009 14.747 6.765 14.848C6.52 14.949 6.265 15 6 15C5.364 15 4.751 14.883 4.16 14.649C3.518 14.395 2.953 14.024 2.464 13.536C1.976 13.047 1.605 12.482 1.351 11.84C1.117 11.249 1 10.636 1 10C1 9.735 1.051 9.48 1.152 9.235C1.254 8.99 1.398 8.773 1.586 8.586L1.588 8.584C2.402 7.771 3.337 7.135 4.392 6.678C5.363 6.257 6.329 6.032 7.29 6.003L9.277 4.016ZM11.586 5.707C11.683 5.609 11.801 5.561 11.939 5.561C12.077 5.561 12.195 5.609 12.293 5.707C12.403 5.817 12.532 5.897 12.68 5.947C12.849 6.004 13.02 6.016 13.195 5.981C13.37 5.946 13.524 5.87 13.658 5.753C13.776 5.65 13.864 5.527 13.924 5.383C13.984 5.239 14.008 5.089 13.998 4.933C13.986 4.756 13.93 4.593 13.831 4.444C13.732 4.296 13.603 4.183 13.443 4.104C13.304 4.035 13.156 4 13 4C12.724 4 12.488 3.902 12.293 3.707C12.098 3.512 12 3.276 12 3C12 2.844 11.965 2.696 11.896 2.557C11.817 2.397 11.704 2.268 11.556 2.169C11.407 2.07 11.244 2.014 11.067 2.002C10.911 1.992 10.761 2.016 10.617 2.076C10.473 2.136 10.35 2.224 10.247 2.342C10.13 2.476 10.054 2.63 10.019 2.805C9.984 2.98 9.996 3.151 10.053 3.32C10.103 3.468 10.183 3.597 10.293 3.707C10.393 3.807 10.442 3.925 10.442 4.061C10.442 4.197 10.393 4.315 10.293 4.414L8.499 6.208C8.788 6.334 9.044 6.508 9.268 6.732C9.492 6.956 9.666 7.212 9.792 7.501L11.586 5.707ZM3.856 8.073C4.191 8.131 4.519 8.224 4.84 8.351C5.482 8.605 6.047 8.976 6.536 9.464C7.024 9.953 7.395 10.518 7.649 11.16C7.776 11.481 7.869 11.809 7.927 12.144C8.105 11.845 8.264 11.534 8.405 11.21C8.802 10.295 9 9.392 9 8.5C9 8.309 8.965 8.125 8.895 7.948C8.818 7.755 8.707 7.586 8.561 7.439C8.414 7.293 8.245 7.182 8.052 7.105C7.875 7.035 7.691 7 7.5 7C6.608 7 5.705 7.198 4.79 7.595C4.466 7.736 4.155 7.895 3.856 8.073ZM7 13C7 12.491 6.906 12.001 6.719 11.528C6.516 11.014 6.219 10.562 5.828 10.172C5.438 9.781 4.986 9.484 4.472 9.281C3.999 9.094 3.509 9 3 9C2.724 9 2.488 9.098 2.293 9.293C2.098 9.488 2 9.724 2 10C2 10.509 2.094 10.999 2.281 11.472C2.484 11.986 2.781 12.438 3.172 12.828C3.562 13.219 4.014 13.516 4.528 13.719C5.001 13.906 5.491 14 6 14C6.276 14 6.512 13.902 6.707 13.707L6.707 13.707C6.902 13.512 7 13.276 7 13ZM3.968 10.971C3.969 10.97 3.97 10.969 3.971 10.968C4.117 10.823 4.294 10.75 4.5 10.75C4.706 10.75 4.883 10.823 5.029 10.968C5.03 10.969 5.031 10.97 5.032 10.971C5.177 11.117 5.25 11.294 5.25 11.5C5.25 11.706 5.177 11.883 5.032 12.029C5.031 12.03 5.03 12.031 5.029 12.032C4.883 12.177 4.706 12.25 4.5 12.25C4.294 12.25 4.117 12.177 3.971 12.032C3.97 12.031 3.969 12.03 3.968 12.029C3.823 11.883 3.75 11.706 3.75 11.5C3.75 11.294 3.823 11.117 3.968 10.971Z"/></svg>

React

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

export function HamIcon(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="M9.277 4.016C9.207 3.899 9.15 3.773 9.105 3.64C8.991 3.303 8.969 2.959 9.038 2.61C9.108 2.26 9.26 1.951 9.495 1.683C9.7 1.449 9.947 1.272 10.235 1.152C10.523 1.033 10.822 0.984 11.133 1.004C11.489 1.028 11.815 1.139 12.111 1.337C12.407 1.535 12.635 1.794 12.793 2.113C12.931 2.393 13 2.688 13 3C13.312 3 13.607 3.069 13.887 3.207C14.206 3.365 14.465 3.593 14.663 3.889C14.861 4.185 14.972 4.511 14.996 4.867C15.016 5.178 14.967 5.477 14.848 5.765C14.728 6.053 14.551 6.3 14.317 6.505C14.049 6.74 13.74 6.892 13.39 6.962C13.041 7.031 12.697 7.009 12.36 6.895C12.227 6.85 12.101 6.793 11.984 6.723L9.997 8.71C9.968 9.671 9.743 10.637 9.322 11.608C8.865 12.662 8.23 13.596 7.419 14.41C7.418 14.411 7.417 14.412 7.416 14.413L7.414 14.414L7.413 14.415C7.225 14.603 7.009 14.747 6.765 14.848C6.52 14.949 6.265 15 6 15C5.364 15 4.751 14.883 4.16 14.649C3.518 14.395 2.953 14.024 2.464 13.536C1.976 13.047 1.605 12.482 1.351 11.84C1.117 11.249 1 10.636 1 10C1 9.735 1.051 9.48 1.152 9.235C1.254 8.99 1.398 8.773 1.586 8.586L1.588 8.584C2.402 7.771 3.337 7.135 4.392 6.678C5.363 6.257 6.329 6.032 7.29 6.003L9.277 4.016ZM11.586 5.707C11.683 5.609 11.801 5.561 11.939 5.561C12.077 5.561 12.195 5.609 12.293 5.707C12.403 5.817 12.532 5.897 12.68 5.947C12.849 6.004 13.02 6.016 13.195 5.981C13.37 5.946 13.524 5.87 13.658 5.753C13.776 5.65 13.864 5.527 13.924 5.383C13.984 5.239 14.008 5.089 13.998 4.933C13.986 4.756 13.93 4.593 13.831 4.444C13.732 4.296 13.603 4.183 13.443 4.104C13.304 4.035 13.156 4 13 4C12.724 4 12.488 3.902 12.293 3.707C12.098 3.512 12 3.276 12 3C12 2.844 11.965 2.696 11.896 2.557C11.817 2.397 11.704 2.268 11.556 2.169C11.407 2.07 11.244 2.014 11.067 2.002C10.911 1.992 10.761 2.016 10.617 2.076C10.473 2.136 10.35 2.224 10.247 2.342C10.13 2.476 10.054 2.63 10.019 2.805C9.984 2.98 9.996 3.151 10.053 3.32C10.103 3.468 10.183 3.597 10.293 3.707C10.393 3.807 10.442 3.925 10.442 4.061C10.442 4.197 10.393 4.315 10.293 4.414L8.499 6.208C8.788 6.334 9.044 6.508 9.268 6.732C9.492 6.956 9.666 7.212 9.792 7.501L11.586 5.707ZM3.856 8.073C4.191 8.131 4.519 8.224 4.84 8.351C5.482 8.605 6.047 8.976 6.536 9.464C7.024 9.953 7.395 10.518 7.649 11.16C7.776 11.481 7.869 11.809 7.927 12.144C8.105 11.845 8.264 11.534 8.405 11.21C8.802 10.295 9 9.392 9 8.5C9 8.309 8.965 8.125 8.895 7.948C8.818 7.755 8.707 7.586 8.561 7.439C8.414 7.293 8.245 7.182 8.052 7.105C7.875 7.035 7.691 7 7.5 7C6.608 7 5.705 7.198 4.79 7.595C4.466 7.736 4.155 7.895 3.856 8.073ZM7 13C7 12.491 6.906 12.001 6.719 11.528C6.516 11.014 6.219 10.562 5.828 10.172C5.438 9.781 4.986 9.484 4.472 9.281C3.999 9.094 3.509 9 3 9C2.724 9 2.488 9.098 2.293 9.293C2.098 9.488 2 9.724 2 10C2 10.509 2.094 10.999 2.281 11.472C2.484 11.986 2.781 12.438 3.172 12.828C3.562 13.219 4.014 13.516 4.528 13.719C5.001 13.906 5.491 14 6 14C6.276 14 6.512 13.902 6.707 13.707L6.707 13.707C6.902 13.512 7 13.276 7 13ZM3.968 10.971C3.969 10.97 3.97 10.969 3.971 10.968C4.117 10.823 4.294 10.75 4.5 10.75C4.706 10.75 4.883 10.823 5.029 10.968C5.03 10.969 5.031 10.97 5.032 10.971C5.177 11.117 5.25 11.294 5.25 11.5C5.25 11.706 5.177 11.883 5.032 12.029C5.031 12.03 5.03 12.031 5.029 12.032C4.883 12.177 4.706 12.25 4.5 12.25C4.294 12.25 4.117 12.177 3.971 12.032C3.97 12.031 3.969 12.03 3.968 12.029C3.823 11.883 3.75 11.706 3.75 11.5C3.75 11.294 3.823 11.117 3.968 10.971Z" />
    </svg>
  );
}

Vue

Vue: see /icons/ham.md

Svelte

Svelte: see /icons/ham.md

HTML img

HTML img: see /icons/ham.md

CSS

CSS: see /icons/ham.md

Data URL

Data URL: see /icons/ham.md

Sprite

Sprite: see /icons/ham.md

SwiftUI

SwiftUI: see /icons/ham.md

Compose

Compose: see /icons/ham.md

Android XML

Android XML: see /icons/ham.md

Flutter

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

With npm: import { HamIcon } from '@gentleface/react'; (setup).

Meaning

Use it for

ham, pork, gammon

Tags

ham, pork, gammon, jamon, prosciutto, cured-meat, leg, meat, bone, deli, charcuterie, food

Category

Food & drink

Component name

HamIcon

History

2026-11-07 20 px drawn, 24 px drawn, added, released in 0.5.0

Since

version 0.5.0

More food & drink icons

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

For agents

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

ham 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

ham icon