jar emoji
jar from OpenMoji by OpenMoji · Default · Food Drink · CC-BY-SA-4.0 Attribution required.
- Name
- jar
- Set
- OpenMoji
- Style
- Default
- Category
- Food Drink
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
More food drink icons from OpenMoji
Use the jar emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><g fill="#fff"><path d="M26.3 33.1h19.3a1.686 1.686 0 0 1 1.7 1.7v14.1a1.686 1.686 0 0 1-1.7 1.7H26.3a1.686 1.686 0 0 1-1.7-1.7V34.8a1.83 1.83 0 0 1 1.7-1.7"/><path d="M53 29.5v30.2a3.135 3.135 0 0 1-2.9 3.3H21.9a3.135 3.135 0 0 1-2.9-3.3V29.5a15.04 15.04 0 0 1 2.2-7.8l1.8-3v-4.2h-.9a1.58 1.58 0 0 1-1.6-1.6v-2.4a1.58 1.58 0 0 1 1.6-1.6h27.8a1.58 1.58 0 0 1 1.6 1.6v2.4a1.58 1.58 0 0 1-1.6 1.6H49v4.2l1.8 3a14.8 14.8 0 0 1 2.2 7.8m-3.4-15H23"/></g><path fill="#9b9b9a" d="M49.6 14.7H22.4l-1.5-1.3l-.7-2.3l1-2h29.1l1.5.9l-.3 3.7z"/><path fill="#d0cfce" d="M53 28.1v33.2L50.5 63h-3.2V36c0-11.3-11.9-17-24.9-17l.3-4.5H49v2.6l.6 2.5l2.2 3.9Z"/><path fill="#3f3f3f" d="M51.8 10v3.4l-1.1.9v.2h-4.5V9.1h4.6v.1z"/><g fill="none" stroke="#000" stroke-width="2"><path stroke-miterlimit="10" d="M26.3 33.1h19.3a1.686 1.686 0 0 1 1.7 1.7v14.1a1.686 1.686 0 0 1-1.7 1.7H26.3a1.686 1.686 0 0 1-1.7-1.7V34.8a1.83 1.83 0 0 1 1.7-1.7Z"/><path stroke-linejoin="round" d="M53 29.5v30.2a3.135 3.135 0 0 1-2.9 3.3H21.9a3.135 3.135 0 0 1-2.9-3.3V29.5a15.04 15.04 0 0 1 2.2-7.8l1.8-3v-4.2h-.9a1.58 1.58 0 0 1-1.6-1.6v-2.4a1.58 1.58 0 0 1 1.6-1.6h27.8a1.58 1.58 0 0 1 1.6 1.6v2.4a1.58 1.58 0 0 1-1.6 1.6H49v4.2l1.8 3a14.8 14.8 0 0 1 2.2 7.8Zm-3.4-15H23"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiJar(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><g fill="#fff"><path d="M26.3 33.1h19.3a1.686 1.686 0 0 1 1.7 1.7v14.1a1.686 1.686 0 0 1-1.7 1.7H26.3a1.686 1.686 0 0 1-1.7-1.7V34.8a1.83 1.83 0 0 1 1.7-1.7"/><path d="M53 29.5v30.2a3.135 3.135 0 0 1-2.9 3.3H21.9a3.135 3.135 0 0 1-2.9-3.3V29.5a15.04 15.04 0 0 1 2.2-7.8l1.8-3v-4.2h-.9a1.58 1.58 0 0 1-1.6-1.6v-2.4a1.58 1.58 0 0 1 1.6-1.6h27.8a1.58 1.58 0 0 1 1.6 1.6v2.4a1.58 1.58 0 0 1-1.6 1.6H49v4.2l1.8 3a14.8 14.8 0 0 1 2.2 7.8m-3.4-15H23"/></g><path fill="#9b9b9a" d="M49.6 14.7H22.4l-1.5-1.3l-.7-2.3l1-2h29.1l1.5.9l-.3 3.7z"/><path fill="#d0cfce" d="M53 28.1v33.2L50.5 63h-3.2V36c0-11.3-11.9-17-24.9-17l.3-4.5H49v2.6l.6 2.5l2.2 3.9Z"/><path fill="#3f3f3f" d="M51.8 10v3.4l-1.1.9v.2h-4.5V9.1h4.6v.1z"/><g fill="none" stroke="#000" strokeWidth="2"><path strokeMiterlimit="10" d="M26.3 33.1h19.3a1.686 1.686 0 0 1 1.7 1.7v14.1a1.686 1.686 0 0 1-1.7 1.7H26.3a1.686 1.686 0 0 1-1.7-1.7V34.8a1.83 1.83 0 0 1 1.7-1.7Z"/><path strokeLinejoin="round" d="M53 29.5v30.2a3.135 3.135 0 0 1-2.9 3.3H21.9a3.135 3.135 0 0 1-2.9-3.3V29.5a15.04 15.04 0 0 1 2.2-7.8l1.8-3v-4.2h-.9a1.58 1.58 0 0 1-1.6-1.6v-2.4a1.58 1.58 0 0 1 1.6-1.6h27.8a1.58 1.58 0 0 1 1.6 1.6v2.4a1.58 1.58 0 0 1-1.6 1.6H49v4.2l1.8 3a14.8 14.8 0 0 1 2.2 7.8Zm-3.4-15H23"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><g fill="#fff"><path d="M26.3 33.1h19.3a1.686 1.686 0 0 1 1.7 1.7v14.1a1.686 1.686 0 0 1-1.7 1.7H26.3a1.686 1.686 0 0 1-1.7-1.7V34.8a1.83 1.83 0 0 1 1.7-1.7"/><path d="M53 29.5v30.2a3.135 3.135 0 0 1-2.9 3.3H21.9a3.135 3.135 0 0 1-2.9-3.3V29.5a15.04 15.04 0 0 1 2.2-7.8l1.8-3v-4.2h-.9a1.58 1.58 0 0 1-1.6-1.6v-2.4a1.58 1.58 0 0 1 1.6-1.6h27.8a1.58 1.58 0 0 1 1.6 1.6v2.4a1.58 1.58 0 0 1-1.6 1.6H49v4.2l1.8 3a14.8 14.8 0 0 1 2.2 7.8m-3.4-15H23"/></g><path fill="#9b9b9a" d="M49.6 14.7H22.4l-1.5-1.3l-.7-2.3l1-2h29.1l1.5.9l-.3 3.7z"/><path fill="#d0cfce" d="M53 28.1v33.2L50.5 63h-3.2V36c0-11.3-11.9-17-24.9-17l.3-4.5H49v2.6l.6 2.5l2.2 3.9Z"/><path fill="#3f3f3f" d="M51.8 10v3.4l-1.1.9v.2h-4.5V9.1h4.6v.1z"/><g fill="none" stroke="#000" stroke-width="2"><path stroke-miterlimit="10" d="M26.3 33.1h19.3a1.686 1.686 0 0 1 1.7 1.7v14.1a1.686 1.686 0 0 1-1.7 1.7H26.3a1.686 1.686 0 0 1-1.7-1.7V34.8a1.83 1.83 0 0 1 1.7-1.7Z"/><path stroke-linejoin="round" d="M53 29.5v30.2a3.135 3.135 0 0 1-2.9 3.3H21.9a3.135 3.135 0 0 1-2.9-3.3V29.5a15.04 15.04 0 0 1 2.2-7.8l1.8-3v-4.2h-.9a1.58 1.58 0 0 1-1.6-1.6v-2.4a1.58 1.58 0 0 1 1.6-1.6h27.8a1.58 1.58 0 0 1 1.6 1.6v2.4a1.58 1.58 0 0 1-1.6 1.6H49v4.2l1.8 3a14.8 14.8 0 0 1 2.2 7.8Zm-3.4-15H23"/></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%2072%2072%22%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M26.3%2033.1h19.3a1.686%201.686%200%200%201%201.7%201.7v14.1a1.686%201.686%200%200%201-1.7%201.7H26.3a1.686%201.686%200%200%201-1.7-1.7V34.8a1.83%201.83%200%200%201%201.7-1.7%22%2F%3E%3Cpath%20d%3D%22M53%2029.5v30.2a3.135%203.135%200%200%201-2.9%203.3H21.9a3.135%203.135%200%200%201-2.9-3.3V29.5a15.04%2015.04%200%200%201%202.2-7.8l1.8-3v-4.2h-.9a1.58%201.58%200%200%201-1.6-1.6v-2.4a1.58%201.58%200%200%201%201.6-1.6h27.8a1.58%201.58%200%200%201%201.6%201.6v2.4a1.58%201.58%200%200%201-1.6%201.6H49v4.2l1.8%203a14.8%2014.8%200%200%201%202.2%207.8m-3.4-15H23%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%239b9b9a%22%20d%3D%22M49.6%2014.7H22.4l-1.5-1.3l-.7-2.3l1-2h29.1l1.5.9l-.3%203.7z%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M53%2028.1v33.2L50.5%2063h-3.2V36c0-11.3-11.9-17-24.9-17l.3-4.5H49v2.6l.6%202.5l2.2%203.9Z%22%2F%3E%3Cpath%20fill%3D%22%233f3f3f%22%20d%3D%22M51.8%2010v3.4l-1.1.9v.2h-4.5V9.1h4.6v.1z%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%3E%3Cpath%20stroke-miterlimit%3D%2210%22%20d%3D%22M26.3%2033.1h19.3a1.686%201.686%200%200%201%201.7%201.7v14.1a1.686%201.686%200%200%201-1.7%201.7H26.3a1.686%201.686%200%200%201-1.7-1.7V34.8a1.83%201.83%200%200%201%201.7-1.7Z%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M53%2029.5v30.2a3.135%203.135%200%200%201-2.9%203.3H21.9a3.135%203.135%200%200%201-2.9-3.3V29.5a15.04%2015.04%200%200%201%202.2-7.8l1.8-3v-4.2h-.9a1.58%201.58%200%200%201-1.6-1.6v-2.4a1.58%201.58%200%200%201%201.6-1.6h27.8a1.58%201.58%200%200%201%201.6%201.6v2.4a1.58%201.58%200%200%201-1.6%201.6H49v4.2l1.8%203a14.8%2014.8%200%200%201%202.2%207.8Zm-3.4-15H23%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%2072%2072%22%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M26.3%2033.1h19.3a1.686%201.686%200%200%201%201.7%201.7v14.1a1.686%201.686%200%200%201-1.7%201.7H26.3a1.686%201.686%200%200%201-1.7-1.7V34.8a1.83%201.83%200%200%201%201.7-1.7%22%2F%3E%3Cpath%20d%3D%22M53%2029.5v30.2a3.135%203.135%200%200%201-2.9%203.3H21.9a3.135%203.135%200%200%201-2.9-3.3V29.5a15.04%2015.04%200%200%201%202.2-7.8l1.8-3v-4.2h-.9a1.58%201.58%200%200%201-1.6-1.6v-2.4a1.58%201.58%200%200%201%201.6-1.6h27.8a1.58%201.58%200%200%201%201.6%201.6v2.4a1.58%201.58%200%200%201-1.6%201.6H49v4.2l1.8%203a14.8%2014.8%200%200%201%202.2%207.8m-3.4-15H23%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%239b9b9a%22%20d%3D%22M49.6%2014.7H22.4l-1.5-1.3l-.7-2.3l1-2h29.1l1.5.9l-.3%203.7z%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M53%2028.1v33.2L50.5%2063h-3.2V36c0-11.3-11.9-17-24.9-17l.3-4.5H49v2.6l.6%202.5l2.2%203.9Z%22%2F%3E%3Cpath%20fill%3D%22%233f3f3f%22%20d%3D%22M51.8%2010v3.4l-1.1.9v.2h-4.5V9.1h4.6v.1z%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%3E%3Cpath%20stroke-miterlimit%3D%2210%22%20d%3D%22M26.3%2033.1h19.3a1.686%201.686%200%200%201%201.7%201.7v14.1a1.686%201.686%200%200%201-1.7%201.7H26.3a1.686%201.686%200%200%201-1.7-1.7V34.8a1.83%201.83%200%200%201%201.7-1.7Z%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M53%2029.5v30.2a3.135%203.135%200%200%201-2.9%203.3H21.9a3.135%203.135%200%200%201-2.9-3.3V29.5a15.04%2015.04%200%200%201%202.2-7.8l1.8-3v-4.2h-.9a1.58%201.58%200%200%201-1.6-1.6v-2.4a1.58%201.58%200%200%201%201.6-1.6h27.8a1.58%201.58%200%200%201%201.6%201.6v2.4a1.58%201.58%200%200%201-1.6%201.6H49v4.2l1.8%203a14.8%2014.8%200%200%201%202.2%207.8Zm-3.4-15H23%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/jar.svg?color=%231a73e8&size=48
