jar emoji

jar from Fluent Emoji High Contrast by Microsoft Corporation · Default · Food & Drink · MIT Free for personal and commercial use.

Name: jar
Set: Fluent Emoji High Contrast
Style: Default
Category: Food & Drink
Viewbox: 32×32
License: MIT

The same emoji in other sets

jarAkar Icons jarFont Awesome 6 Solid jarFont Awesome Solid jar-outlineFlowbite Icons jarFluent Emoji jarFluent Emoji Flat jarHuge Icons jarLucide Lab jarMaterial Icon Theme jarNoto Emoji jarOpenMoji jarPhosphor jarTwitter Emoji

More food & drink icons from Fluent Emoji High Contrast

Use the jar emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M23 8a1 1 0 0 0-1 1v18a1 1 0 1 0 2 0V9a1 1 0 0 0-1-1M9.999 14H21v7H9.999A1 1 0 0 1 9 20v-5a1 1 0 0 1 .999-1"/><path d="M8 2.5A1.5 1.5 0 0 1 9.5 1h13a1.5 1.5 0 0 1 0 3H22v1h2.105C26.203 5 28 6.622 28 8.738v18.524C28 29.378 26.203 31 24.105 31H7.895C5.797 31 4 29.378 4 27.262V8.738C4 6.622 5.797 5 7.895 5H10V4h-.5A1.5 1.5 0 0 1 8 2.5M7.895 7C6.795 7 6 7.83 6 8.738v18.524C6 28.17 6.795 29 7.895 29h16.21c1.1 0 1.895-.83 1.895-1.738V8.738C26 7.83 25.205 7 24.105 7z"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiHighContrastJar(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M23 8a1 1 0 0 0-1 1v18a1 1 0 1 0 2 0V9a1 1 0 0 0-1-1M9.999 14H21v7H9.999A1 1 0 0 1 9 20v-5a1 1 0 0 1 .999-1"/><path d="M8 2.5A1.5 1.5 0 0 1 9.5 1h13a1.5 1.5 0 0 1 0 3H22v1h2.105C26.203 5 28 6.622 28 8.738v18.524C28 29.378 26.203 31 24.105 31H7.895C5.797 31 4 29.378 4 27.262V8.738C4 6.622 5.797 5 7.895 5H10V4h-.5A1.5 1.5 0 0 1 8 2.5M7.895 7C6.795 7 6 7.83 6 8.738v18.524C6 28.17 6.795 29 7.895 29h16.21c1.1 0 1.895-.83 1.895-1.738V8.738C26 7.83 25.205 7 24.105 7z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M23 8a1 1 0 0 0-1 1v18a1 1 0 1 0 2 0V9a1 1 0 0 0-1-1M9.999 14H21v7H9.999A1 1 0 0 1 9 20v-5a1 1 0 0 1 .999-1"/><path d="M8 2.5A1.5 1.5 0 0 1 9.5 1h13a1.5 1.5 0 0 1 0 3H22v1h2.105C26.203 5 28 6.622 28 8.738v18.524C28 29.378 26.203 31 24.105 31H7.895C5.797 31 4 29.378 4 27.262V8.738C4 6.622 5.797 5 7.895 5H10V4h-.5A1.5 1.5 0 0 1 8 2.5M7.895 7C6.795 7 6 7.83 6 8.738v18.524C6 28.17 6.795 29 7.895 29h16.21c1.1 0 1.895-.83 1.895-1.738V8.738C26 7.83 25.205 7 24.105 7z"/></g></svg>
</template>

CSS

.icon-jar {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M23%208a1%201%200%200%200-1%201v18a1%201%200%201%200%202%200V9a1%201%200%200%200-1-1M9.999%2014H21v7H9.999A1%201%200%200%201%209%2020v-5a1%201%200%200%201%20.999-1%22%2F%3E%3Cpath%20d%3D%22M8%202.5A1.5%201.5%200%200%201%209.5%201h13a1.5%201.5%200%200%201%200%203H22v1h2.105C26.203%205%2028%206.622%2028%208.738v18.524C28%2029.378%2026.203%2031%2024.105%2031H7.895C5.797%2031%204%2029.378%204%2027.262V8.738C4%206.622%205.797%205%207.895%205H10V4h-.5A1.5%201.5%200%200%201%208%202.5M7.895%207C6.795%207%206%207.83%206%208.738v18.524C6%2028.17%206.795%2029%207.895%2029h16.21c1.1%200%201.895-.83%201.895-1.738V8.738C26%207.83%2025.205%207%2024.105%207z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M23%208a1%201%200%200%200-1%201v18a1%201%200%201%200%202%200V9a1%201%200%200%200-1-1M9.999%2014H21v7H9.999A1%201%200%200%201%209%2020v-5a1%201%200%200%201%20.999-1%22%2F%3E%3Cpath%20d%3D%22M8%202.5A1.5%201.5%200%200%201%209.5%201h13a1.5%201.5%200%200%201%200%203H22v1h2.105C26.203%205%2028%206.622%2028%208.738v18.524C28%2029.378%2026.203%2031%2024.105%2031H7.895C5.797%2031%204%2029.378%204%2027.262V8.738C4%206.622%205.797%205%207.895%205H10V4h-.5A1.5%201.5%200%200%201%208%202.5M7.895%207C6.795%207%206%207.83%206%208.738v18.524C6%2028.17%206.795%2029%207.895%2029h16.21c1.1%200%201.895-.83%201.895-1.738V8.738C26%207.83%2025.205%207%2024.105%207z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/jar.svg?color=%231a73e8&size=48