Home/Libraries/OpenMoji (Iconify)/amphora

OpenMoji (Iconify)

Amphora

License: CC-BY-SA-4.0

ICON SIZE

STROKE WEIGHT1.5px

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 72 72"><path fill="#f4aa41" d="m50.725 24.082l1.077-1.874a6.049 6.049 0 0 0-7.652-8.117a8 8 0 0 1 1.629-2.347a2.06 2.06 0 0 0 .423-2.275a2.12 2.12 0 0 0-1.959-1.304H27.757a2.12 2.12 0 0 0-1.959 1.304a2.06 2.06 0 0 0 .424 2.275a8 8 0 0 1 1.612 2.314a6 6 0 0 0-1.985-.352a6.073 6.073 0 0 0-5.564 8.502l1.045 1.818a15.3 15.3 0 0 0-4.012 10.534c0 6.795 4.271 15.88 12.695 27.002a1 1 0 0 0 .797.396h10.38a1 1 0 0 0 .797-.396C50.41 50.44 54.682 41.355 54.682 34.56a15.3 15.3 0 0 0-3.957-10.478m-24.876-8.375a4 4 0 0 1 1.417.263c0 .007.586.295.966.483c-.337 2.294-3.1 4.544-4.179 5.24a11 11 0 0 0-1.27.936l-.686-1.27a4.074 4.074 0 0 1 3.752-5.653Zm20.39 0a4.074 4.074 0 0 1 3.751 5.652l-.713 1.32a11 11 0 0 0-1.301-.968c-1.101-.706-3.84-2.93-4.2-5.218c.37-.184 1.046-.515 1.046-.523a4 4 0 0 1 1.416-.264"/><path fill="#e27022" d="M41.19 60.799c6.246-8.247 12.492-18.377 12.492-26.398a14.29 14.29 0 0 0-6.246-12.008s-4.702-3.014-4.702-6.552a7.3 7.3 0 0 1 2.328-4.954a1.093 1.093 0 0 0-.05-1.562H39.73a1.116 1.116 0 0 1 .818 1.88a7.3 7.3 0 0 0-2.328 4.954c0 3.538 4.703 6.553 4.703 6.553a14.29 14.29 0 0 1 6.246 12.008c0 7.919-6.089 17.89-12.255 26.08Z"/><path fill="#3f3f3f" d="M45.852 65.97H26.148a.97.97 0 0 1-.97-.97c0-3.204 4.585-4.805 5.108-4.977a1 1 0 0 1 .303-.048H41.41a1 1 0 0 1 .303.048c.523.172 5.108 1.773 5.108 4.977a.97.97 0 0 1-.97.97m.351-56.5a2.12 2.12 0 0 0-1.959-1.304H27.757a2.12 2.12 0 0 0-1.959 1.303a2.06 2.06 0 0 0 .424 2.275a7.2 7.2 0 0 1 1.88 3.049c.008.031.03.054.042.084a.985.985 0 0 0 .954.772h13.808c.013 0 .024-.007.038-.008a1 1 0 0 0 .312-.063a1 1 0 0 0 .135-.073a1 1 0 0 0 .164-.11a1 1 0 0 0 .114-.122a1 1 0 0 0 .175-.316c.007-.023.022-.042.028-.066a7.1 7.1 0 0 1 1.907-3.147a2.06 2.06 0 0 0 .423-2.275m7.558 31.076a1 1 0 0 0 .011-.14a1 1 0 0 0 .027-.134c0-.02-.01-.038-.012-.059a1 1 0 0 0-.04-.203a1 1 0 0 0-.057-.173a1 1 0 0 0-.105-.156a.67.67 0 0 0-.274-.248a1 1 0 0 0-.183-.095c-.02-.007-.034-.022-.055-.028a1 1 0 0 1-.274-.038H19.202a1 1 0 0 0-.14.028a1 1 0 0 0-.135.01c-.021.006-.035.021-.055.029a1 1 0 0 0-.18.092a.85.85 0 0 0-.436.572a1 1 0 0 0-.043.214c0 .02-.01.035-.01.055a1 1 0 0 0 .025.126a1 1 0 0 0 .011.148a38 38 0 0 0 1.882 5.073a1 1 0 0 0 .193.277c.019.02.04.034.06.053a1 1 0 0 0 .224.15a1 1 0 0 0 .09.04a1 1 0 0 0 .347.07h29.16a1 1 0 0 0 .237.172a1 1 0 0 0 1.325-.495l.117-.27l.016-.035a38 38 0 0 0 1.87-5.035"/><g fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round"><path stroke-width="1.5" d="M21.035 45.209h29.93m-31.763-4.938h33.596M41.19 60.958c6.246-8.246 12.492-18.377 12.492-26.398a14.29 14.29 0 0 0-6.246-12.007S42.734 19.538 42.734 16a7.3 7.3 0 0 1 2.328-4.953a1.116 1.116 0 0 0-.819-1.881H27.757a1.116 1.116 0 0 0-.819 1.88A7.3 7.3 0 0 1 29.266 16c0 3.538-4.702 6.553-4.702 6.553a14.29 14.29 0 0 0-6.246 12.007c0 8.02 6.246 18.151 12.492 26.398Z"/><path stroke-width="1.5" d="M30.59 60.945s-4.442 1.46-4.442 4.055h19.704c0-2.595-4.441-4.055-4.441-4.055"/><path stroke-width="1.5" d="M29.098 14.649a6.072 6.072 0 0 0-8.789 7.613l1.55 2.682m21.046-10.295a6.072 6.072 0 0 1 8.789 7.613l-1.55 2.682"/><path d="M18.547 37.338h5.296v-1.957h-2.044v-1.957h3.914v3.914h3.914v-2.044H27.67v-1.87h4.001v3.914h3.914v-1.957h-2.044v-1.957h3.914v3.914h3.914v-1.957h-1.957v-1.957h4.001v3.914h3.914v-1.957h-2.044v-1.957h3.914v3.914h4.256"/><path stroke-width="1.5" d="M32.723 14.649h10.182"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. AmphoraIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-SA-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.