jar emoji
jar from Noto Emoji by Google Inc · Default · Food & Drink · Apache-2.0 Free for personal and commercial use.
- Name
- jar
- Set
- Noto Emoji
- Style
- Default
- Category
- Food & Drink
- Viewbox
- 128×128
- License
- Apache 2.0
The same emoji in other sets
More food & drink icons from Noto Emoji
Use the jar emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#9fe1ea" d="M106.64 52.3c0-5.39-.1-9.76-2.52-14.7c-1.47-3.01-7.34-11.23-8.51-12.26H33.04c-1.17 1.03-7.04 9.25-8.51 12.26c-2.42 4.93-2.52 9.31-2.52 14.7c0 7.73.03 56.22-.01 57.05c-.11 2.72 1.83 4.85 4.93 6.84c9.95 6.38 28.64 7.81 37.39 7.81s27.44-1.43 37.39-7.81c3.11-1.99 5.04-4.12 4.93-6.84c-.03-.83 0-49.32 0-57.05" opacity=".8"/><ellipse cx="64" cy="110.45" fill="#1492c4" opacity=".6" rx="35.86" ry="8.47"/><path fill="#1492c4" d="m33.05 25.09l-3 4.03s18 13.26 52.75 7.91c19.58-3.01 14.68-8.85 14.68-8.85l-2.82-4.33z" opacity=".6"/><path fill="#fff" d="M40.99 91.6c.64 8.18-8.75 11.52-11.34 3.32c-.86-2.73-.43-5.67-.16-8.52c.65-6.69.49-13.45-.46-20.1c-.9-5.85-2.01-19.47 3.88-22.44c2.58-1.3 4.62-.67 6.57.32c2.85 1.66 3.18 5.58 3.1 8.87c-.15 5.66-.76 11.3-1.2 16.94c-.48 6.23-1.89 10.85-1.17 15.84c.27 1.92.69 3.85.78 5.77" opacity=".8"/><path fill="#e2a610" d="M99.79 12.1H28.17s-.82 2.18-.77 5.9c.07 6.72 1.94 7.26 4.36 8.4c5.89 2.77 17.12 4.68 32.17 4.68s26.28-1.9 32.17-4.68c2.42-1.14 4.29-1.68 4.36-8.4c.04-3.72-.67-5.9-.67-5.9"/><ellipse cx="64" cy="12.47" fill="#9e740b" rx="35.86" ry="8.47"/><path fill="#ffe36c" d="M40.94 20.94c5.35.65 6.23.65 6.72 2.27c.22.75.05 1.63-.53 2.14c-2.79 2.46-9.47 1.28-12.23-.8c-.98-.74-2.23-2.74-.71-4.09c1.43-1.26 4.5.21 6.75.48"/></svg>
React
import type { SVGProps } from "react";
export function NotoJar(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#9fe1ea" d="M106.64 52.3c0-5.39-.1-9.76-2.52-14.7c-1.47-3.01-7.34-11.23-8.51-12.26H33.04c-1.17 1.03-7.04 9.25-8.51 12.26c-2.42 4.93-2.52 9.31-2.52 14.7c0 7.73.03 56.22-.01 57.05c-.11 2.72 1.83 4.85 4.93 6.84c9.95 6.38 28.64 7.81 37.39 7.81s27.44-1.43 37.39-7.81c3.11-1.99 5.04-4.12 4.93-6.84c-.03-.83 0-49.32 0-57.05" opacity=".8"/><ellipse cx="64" cy="110.45" fill="#1492c4" opacity=".6" rx="35.86" ry="8.47"/><path fill="#1492c4" d="m33.05 25.09l-3 4.03s18 13.26 52.75 7.91c19.58-3.01 14.68-8.85 14.68-8.85l-2.82-4.33z" opacity=".6"/><path fill="#fff" d="M40.99 91.6c.64 8.18-8.75 11.52-11.34 3.32c-.86-2.73-.43-5.67-.16-8.52c.65-6.69.49-13.45-.46-20.1c-.9-5.85-2.01-19.47 3.88-22.44c2.58-1.3 4.62-.67 6.57.32c2.85 1.66 3.18 5.58 3.1 8.87c-.15 5.66-.76 11.3-1.2 16.94c-.48 6.23-1.89 10.85-1.17 15.84c.27 1.92.69 3.85.78 5.77" opacity=".8"/><path fill="#e2a610" d="M99.79 12.1H28.17s-.82 2.18-.77 5.9c.07 6.72 1.94 7.26 4.36 8.4c5.89 2.77 17.12 4.68 32.17 4.68s26.28-1.9 32.17-4.68c2.42-1.14 4.29-1.68 4.36-8.4c.04-3.72-.67-5.9-.67-5.9"/><ellipse cx="64" cy="12.47" fill="#9e740b" rx="35.86" ry="8.47"/><path fill="#ffe36c" d="M40.94 20.94c5.35.65 6.23.65 6.72 2.27c.22.75.05 1.63-.53 2.14c-2.79 2.46-9.47 1.28-12.23-.8c-.98-.74-2.23-2.74-.71-4.09c1.43-1.26 4.5.21 6.75.48"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#9fe1ea" d="M106.64 52.3c0-5.39-.1-9.76-2.52-14.7c-1.47-3.01-7.34-11.23-8.51-12.26H33.04c-1.17 1.03-7.04 9.25-8.51 12.26c-2.42 4.93-2.52 9.31-2.52 14.7c0 7.73.03 56.22-.01 57.05c-.11 2.72 1.83 4.85 4.93 6.84c9.95 6.38 28.64 7.81 37.39 7.81s27.44-1.43 37.39-7.81c3.11-1.99 5.04-4.12 4.93-6.84c-.03-.83 0-49.32 0-57.05" opacity=".8"/><ellipse cx="64" cy="110.45" fill="#1492c4" opacity=".6" rx="35.86" ry="8.47"/><path fill="#1492c4" d="m33.05 25.09l-3 4.03s18 13.26 52.75 7.91c19.58-3.01 14.68-8.85 14.68-8.85l-2.82-4.33z" opacity=".6"/><path fill="#fff" d="M40.99 91.6c.64 8.18-8.75 11.52-11.34 3.32c-.86-2.73-.43-5.67-.16-8.52c.65-6.69.49-13.45-.46-20.1c-.9-5.85-2.01-19.47 3.88-22.44c2.58-1.3 4.62-.67 6.57.32c2.85 1.66 3.18 5.58 3.1 8.87c-.15 5.66-.76 11.3-1.2 16.94c-.48 6.23-1.89 10.85-1.17 15.84c.27 1.92.69 3.85.78 5.77" opacity=".8"/><path fill="#e2a610" d="M99.79 12.1H28.17s-.82 2.18-.77 5.9c.07 6.72 1.94 7.26 4.36 8.4c5.89 2.77 17.12 4.68 32.17 4.68s26.28-1.9 32.17-4.68c2.42-1.14 4.29-1.68 4.36-8.4c.04-3.72-.67-5.9-.67-5.9"/><ellipse cx="64" cy="12.47" fill="#9e740b" rx="35.86" ry="8.47"/><path fill="#ffe36c" d="M40.94 20.94c5.35.65 6.23.65 6.72 2.27c.22.75.05 1.63-.53 2.14c-2.79 2.46-9.47 1.28-12.23-.8c-.98-.74-2.23-2.74-.71-4.09c1.43-1.26 4.5.21 6.75.48"/></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%20128%20128%22%3E%3Cpath%20fill%3D%22%239fe1ea%22%20d%3D%22M106.64%2052.3c0-5.39-.1-9.76-2.52-14.7c-1.47-3.01-7.34-11.23-8.51-12.26H33.04c-1.17%201.03-7.04%209.25-8.51%2012.26c-2.42%204.93-2.52%209.31-2.52%2014.7c0%207.73.03%2056.22-.01%2057.05c-.11%202.72%201.83%204.85%204.93%206.84c9.95%206.38%2028.64%207.81%2037.39%207.81s27.44-1.43%2037.39-7.81c3.11-1.99%205.04-4.12%204.93-6.84c-.03-.83%200-49.32%200-57.05%22%20opacity%3D%22.8%22%2F%3E%3Cellipse%20cx%3D%2264%22%20cy%3D%22110.45%22%20fill%3D%22%231492c4%22%20opacity%3D%22.6%22%20rx%3D%2235.86%22%20ry%3D%228.47%22%2F%3E%3Cpath%20fill%3D%22%231492c4%22%20d%3D%22m33.05%2025.09l-3%204.03s18%2013.26%2052.75%207.91c19.58-3.01%2014.68-8.85%2014.68-8.85l-2.82-4.33z%22%20opacity%3D%22.6%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M40.99%2091.6c.64%208.18-8.75%2011.52-11.34%203.32c-.86-2.73-.43-5.67-.16-8.52c.65-6.69.49-13.45-.46-20.1c-.9-5.85-2.01-19.47%203.88-22.44c2.58-1.3%204.62-.67%206.57.32c2.85%201.66%203.18%205.58%203.1%208.87c-.15%205.66-.76%2011.3-1.2%2016.94c-.48%206.23-1.89%2010.85-1.17%2015.84c.27%201.92.69%203.85.78%205.77%22%20opacity%3D%22.8%22%2F%3E%3Cpath%20fill%3D%22%23e2a610%22%20d%3D%22M99.79%2012.1H28.17s-.82%202.18-.77%205.9c.07%206.72%201.94%207.26%204.36%208.4c5.89%202.77%2017.12%204.68%2032.17%204.68s26.28-1.9%2032.17-4.68c2.42-1.14%204.29-1.68%204.36-8.4c.04-3.72-.67-5.9-.67-5.9%22%2F%3E%3Cellipse%20cx%3D%2264%22%20cy%3D%2212.47%22%20fill%3D%22%239e740b%22%20rx%3D%2235.86%22%20ry%3D%228.47%22%2F%3E%3Cpath%20fill%3D%22%23ffe36c%22%20d%3D%22M40.94%2020.94c5.35.65%206.23.65%206.72%202.27c.22.75.05%201.63-.53%202.14c-2.79%202.46-9.47%201.28-12.23-.8c-.98-.74-2.23-2.74-.71-4.09c1.43-1.26%204.5.21%206.75.48%22%2F%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%20128%20128%22%3E%3Cpath%20fill%3D%22%239fe1ea%22%20d%3D%22M106.64%2052.3c0-5.39-.1-9.76-2.52-14.7c-1.47-3.01-7.34-11.23-8.51-12.26H33.04c-1.17%201.03-7.04%209.25-8.51%2012.26c-2.42%204.93-2.52%209.31-2.52%2014.7c0%207.73.03%2056.22-.01%2057.05c-.11%202.72%201.83%204.85%204.93%206.84c9.95%206.38%2028.64%207.81%2037.39%207.81s27.44-1.43%2037.39-7.81c3.11-1.99%205.04-4.12%204.93-6.84c-.03-.83%200-49.32%200-57.05%22%20opacity%3D%22.8%22%2F%3E%3Cellipse%20cx%3D%2264%22%20cy%3D%22110.45%22%20fill%3D%22%231492c4%22%20opacity%3D%22.6%22%20rx%3D%2235.86%22%20ry%3D%228.47%22%2F%3E%3Cpath%20fill%3D%22%231492c4%22%20d%3D%22m33.05%2025.09l-3%204.03s18%2013.26%2052.75%207.91c19.58-3.01%2014.68-8.85%2014.68-8.85l-2.82-4.33z%22%20opacity%3D%22.6%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M40.99%2091.6c.64%208.18-8.75%2011.52-11.34%203.32c-.86-2.73-.43-5.67-.16-8.52c.65-6.69.49-13.45-.46-20.1c-.9-5.85-2.01-19.47%203.88-22.44c2.58-1.3%204.62-.67%206.57.32c2.85%201.66%203.18%205.58%203.1%208.87c-.15%205.66-.76%2011.3-1.2%2016.94c-.48%206.23-1.89%2010.85-1.17%2015.84c.27%201.92.69%203.85.78%205.77%22%20opacity%3D%22.8%22%2F%3E%3Cpath%20fill%3D%22%23e2a610%22%20d%3D%22M99.79%2012.1H28.17s-.82%202.18-.77%205.9c.07%206.72%201.94%207.26%204.36%208.4c5.89%202.77%2017.12%204.68%2032.17%204.68s26.28-1.9%2032.17-4.68c2.42-1.14%204.29-1.68%204.36-8.4c.04-3.72-.67-5.9-.67-5.9%22%2F%3E%3Cellipse%20cx%3D%2264%22%20cy%3D%2212.47%22%20fill%3D%22%239e740b%22%20rx%3D%2235.86%22%20ry%3D%228.47%22%2F%3E%3Cpath%20fill%3D%22%23ffe36c%22%20d%3D%22M40.94%2020.94c5.35.65%206.23.65%206.72%202.27c.22.75.05%201.63-.53%202.14c-2.79%202.46-9.47%201.28-12.23-.8c-.98-.74-2.23-2.74-.71-4.09c1.43-1.26%204.5.21%206.75.48%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/noto/jar.svg?color=%231a73e8&size=48
