amphora icon

Amphora: amphora, pottery, ancient vase. 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="M10.856 1.144C10.952 1.241 11 1.359 11 1.5C11 1.641 10.952 1.759 10.856 1.856C10.759 1.952 10.641 2 10.5 2L11 2C11.254 2 11.5 2.047 11.736 2.14C11.993 2.242 12.219 2.391 12.414 2.586C12.609 2.781 12.758 3.007 12.86 3.264C12.953 3.5 13 3.746 13 4C13 4.254 12.953 4.5 12.86 4.736C12.758 4.993 12.609 5.219 12.414 5.414C12.219 5.609 11.993 5.758 11.736 5.86C11.565 5.927 11.389 5.971 11.209 5.989C11.312 6.105 11.404 6.229 11.486 6.36C11.829 6.908 12 7.621 12 8.5C12 9.187 11.709 9.887 11.128 10.601C10.913 10.864 10.644 11.15 10.319 11.457C10.129 11.636 9.839 11.897 9.447 12.238C9.03 12.603 8.731 12.873 8.552 13.048C8.32 13.273 8.136 13.477 8 13.659L8 14.5C8 14.641 7.952 14.759 7.856 14.856C7.759 14.952 7.641 15 7.5 15C7.359 15 7.241 14.952 7.144 14.856C7.048 14.759 7 14.641 7 14.5L7 13.659C6.864 13.477 6.68 13.273 6.448 13.048C6.269 12.873 5.97 12.603 5.553 12.238C5.161 11.897 4.871 11.636 4.681 11.457C4.356 11.15 4.087 10.864 3.872 10.601C3.291 9.887 3 9.187 3 8.5C3 7.621 3.171 6.908 3.514 6.36C3.596 6.229 3.688 6.105 3.791 5.989C3.611 5.971 3.435 5.927 3.264 5.86C3.007 5.758 2.781 5.609 2.586 5.414C2.391 5.219 2.242 4.993 2.14 4.736C2.047 4.5 2 4.254 2 4C2 3.746 2.047 3.5 2.14 3.264C2.242 3.007 2.391 2.781 2.586 2.586C2.781 2.391 3.007 2.242 3.264 2.14C3.5 2.047 3.746 2 4 2L4.5 2C4.359 2 4.241 1.952 4.144 1.856C4.048 1.759 4 1.641 4 1.5C4 1.359 4.048 1.241 4.144 1.144C4.241 1.048 4.359 1 4.5 1L10.5 1C10.641 1 10.759 1.048 10.856 1.144ZM5.907 5.793C5.844 5.879 5.761 5.94 5.658 5.974C5.048 6.178 4.616 6.483 4.361 6.89C4.12 7.276 4 7.812 4 8.5C4 8.95 4.216 9.44 4.648 9.97C4.835 10.199 5.075 10.453 5.368 10.73C5.548 10.901 5.829 11.152 6.21 11.485C6.642 11.862 6.953 12.144 7.146 12.331C7.276 12.458 7.394 12.58 7.5 12.697C7.606 12.58 7.724 12.458 7.854 12.331C8.047 12.144 8.358 11.862 8.79 11.485C9.171 11.152 9.452 10.901 9.632 10.73C9.925 10.453 10.165 10.199 10.352 9.97C10.784 9.44 11 8.95 11 8.5C11 7.812 10.88 7.276 10.639 6.89C10.384 6.483 9.952 6.178 9.342 5.974C9.239 5.94 9.156 5.879 9.093 5.793C9.031 5.707 9 5.609 9 5.5L9 2L6 2L6 5.5C6 5.609 5.969 5.707 5.907 5.793ZM3.293 3.293C3.098 3.488 3 3.724 3 4C3 4.276 3.098 4.512 3.293 4.707C3.488 4.902 3.724 5 4 5L5 5L5 3L4 3C3.724 3 3.488 3.098 3.293 3.293ZM12 4C12 3.724 11.902 3.488 11.707 3.293C11.512 3.098 11.276 3 11 3L10 3L10 5L11 5C11.276 5 11.512 4.902 11.707 4.707C11.902 4.512 12 4.276 12 4Z"/></svg>

React

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

export function AmphoraIcon(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="M10.856 1.144C10.952 1.241 11 1.359 11 1.5C11 1.641 10.952 1.759 10.856 1.856C10.759 1.952 10.641 2 10.5 2L11 2C11.254 2 11.5 2.047 11.736 2.14C11.993 2.242 12.219 2.391 12.414 2.586C12.609 2.781 12.758 3.007 12.86 3.264C12.953 3.5 13 3.746 13 4C13 4.254 12.953 4.5 12.86 4.736C12.758 4.993 12.609 5.219 12.414 5.414C12.219 5.609 11.993 5.758 11.736 5.86C11.565 5.927 11.389 5.971 11.209 5.989C11.312 6.105 11.404 6.229 11.486 6.36C11.829 6.908 12 7.621 12 8.5C12 9.187 11.709 9.887 11.128 10.601C10.913 10.864 10.644 11.15 10.319 11.457C10.129 11.636 9.839 11.897 9.447 12.238C9.03 12.603 8.731 12.873 8.552 13.048C8.32 13.273 8.136 13.477 8 13.659L8 14.5C8 14.641 7.952 14.759 7.856 14.856C7.759 14.952 7.641 15 7.5 15C7.359 15 7.241 14.952 7.144 14.856C7.048 14.759 7 14.641 7 14.5L7 13.659C6.864 13.477 6.68 13.273 6.448 13.048C6.269 12.873 5.97 12.603 5.553 12.238C5.161 11.897 4.871 11.636 4.681 11.457C4.356 11.15 4.087 10.864 3.872 10.601C3.291 9.887 3 9.187 3 8.5C3 7.621 3.171 6.908 3.514 6.36C3.596 6.229 3.688 6.105 3.791 5.989C3.611 5.971 3.435 5.927 3.264 5.86C3.007 5.758 2.781 5.609 2.586 5.414C2.391 5.219 2.242 4.993 2.14 4.736C2.047 4.5 2 4.254 2 4C2 3.746 2.047 3.5 2.14 3.264C2.242 3.007 2.391 2.781 2.586 2.586C2.781 2.391 3.007 2.242 3.264 2.14C3.5 2.047 3.746 2 4 2L4.5 2C4.359 2 4.241 1.952 4.144 1.856C4.048 1.759 4 1.641 4 1.5C4 1.359 4.048 1.241 4.144 1.144C4.241 1.048 4.359 1 4.5 1L10.5 1C10.641 1 10.759 1.048 10.856 1.144ZM5.907 5.793C5.844 5.879 5.761 5.94 5.658 5.974C5.048 6.178 4.616 6.483 4.361 6.89C4.12 7.276 4 7.812 4 8.5C4 8.95 4.216 9.44 4.648 9.97C4.835 10.199 5.075 10.453 5.368 10.73C5.548 10.901 5.829 11.152 6.21 11.485C6.642 11.862 6.953 12.144 7.146 12.331C7.276 12.458 7.394 12.58 7.5 12.697C7.606 12.58 7.724 12.458 7.854 12.331C8.047 12.144 8.358 11.862 8.79 11.485C9.171 11.152 9.452 10.901 9.632 10.73C9.925 10.453 10.165 10.199 10.352 9.97C10.784 9.44 11 8.95 11 8.5C11 7.812 10.88 7.276 10.639 6.89C10.384 6.483 9.952 6.178 9.342 5.974C9.239 5.94 9.156 5.879 9.093 5.793C9.031 5.707 9 5.609 9 5.5L9 2L6 2L6 5.5C6 5.609 5.969 5.707 5.907 5.793ZM3.293 3.293C3.098 3.488 3 3.724 3 4C3 4.276 3.098 4.512 3.293 4.707C3.488 4.902 3.724 5 4 5L5 5L5 3L4 3C3.724 3 3.488 3.098 3.293 3.293ZM12 4C12 3.724 11.902 3.488 11.707 3.293C11.512 3.098 11.276 3 11 3L10 3L10 5L11 5C11.276 5 11.512 4.902 11.707 4.707C11.902 4.512 12 4.276 12 4Z" />
    </svg>
  );
}

Vue

Vue: see /icons/amphora.md

Svelte

Svelte: see /icons/amphora.md

HTML img

HTML img: see /icons/amphora.md

CSS

CSS: see /icons/amphora.md

Data URL

Data URL: see /icons/amphora.md

Sprite

Sprite: see /icons/amphora.md

SwiftUI

SwiftUI: see /icons/amphora.md

Compose

Compose: see /icons/amphora.md

Android XML

Android XML: see /icons/amphora.md

Flutter

Flutter: see /icons/amphora.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 { AmphoraIcon } from '@gentleface/react'; (setup).

Meaning

Use it for

amphora, pottery, ancient vase

Tags

amphora, pottery, vase, ancient, greek, roman, urn, jar, vessel, wine, oil, museum, history, archaeology

Category

Food & drink

Component name

AmphoraIcon

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

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

For agents

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

amphora 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

amphora icon