jar emoji
jar from Twitter Emoji by Twitter · Default · Food & Drink · CC-BY-4.0 Attribution required.
- Name
- jar
- Set
- Twitter Emoji
- Style
- Default
- Category
- Food & Drink
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More food & drink icons from Twitter Emoji
Use the jar emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#c4c9c8" d="M8 8c0 .64.254 1.254.707 1.707a.256.256 0 0 1-.1.424l-.556.185A3 3 0 0 0 6 13.162v18.451q0 .003.004.004c0 .007-.004.014-.004.021c0 1.796 5.373 3.252 12 3.252s12-1.456 12-3.252l-.004-.021a.004.004 0 0 0 .004-.004V13.162a3 3 0 0 0-2.051-2.846l-.795-.265a.1.1 0 0 1-.04-.165l.178-.178A2.42 2.42 0 0 0 28 8z"/><path fill="#f19020" d="M29 6.8c0 1.657-4.925 3.2-11 3.2S7 8.457 7 6.8S11.925 4 18 4s11 1.143 11 2.8"/><path fill="#f19020" d="M7 4h22v2.8H7z"/><ellipse cx="18" cy="4" fill="#f9ca55" rx="11" ry="3"/><ellipse cx="18" cy="30.5" fill="#aeb3b2" rx="11" ry="3"/><path fill="#f19020" d="M10.465 4c1.099-.582 4.053-1 7.535-1s6.436.418 7.535 1c.296-.157.465-.324.465-.5c0-.828-3.582-1.5-8-1.5s-8 .672-8 1.5c0 .176.169.343.465.5"/><path fill="#aeb3b2" d="M18 12c-1.145 0-5.129-.07-8.335-.974a.5.5 0 1 1 .271-.963c3.083.87 6.952.937 8.064.937s4.981-.067 8.063-.937a.501.501 0 0 1 .271.963C23.129 11.93 19.145 12 18 12"/><path fill="#fff" d="M10 31a1 1 0 0 1-1-1V14a1 1 0 1 1 2 0v16a1 1 0 0 1-1 1"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiJar(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#c4c9c8" d="M8 8c0 .64.254 1.254.707 1.707a.256.256 0 0 1-.1.424l-.556.185A3 3 0 0 0 6 13.162v18.451q0 .003.004.004c0 .007-.004.014-.004.021c0 1.796 5.373 3.252 12 3.252s12-1.456 12-3.252l-.004-.021a.004.004 0 0 0 .004-.004V13.162a3 3 0 0 0-2.051-2.846l-.795-.265a.1.1 0 0 1-.04-.165l.178-.178A2.42 2.42 0 0 0 28 8z"/><path fill="#f19020" d="M29 6.8c0 1.657-4.925 3.2-11 3.2S7 8.457 7 6.8S11.925 4 18 4s11 1.143 11 2.8"/><path fill="#f19020" d="M7 4h22v2.8H7z"/><ellipse cx="18" cy="4" fill="#f9ca55" rx="11" ry="3"/><ellipse cx="18" cy="30.5" fill="#aeb3b2" rx="11" ry="3"/><path fill="#f19020" d="M10.465 4c1.099-.582 4.053-1 7.535-1s6.436.418 7.535 1c.296-.157.465-.324.465-.5c0-.828-3.582-1.5-8-1.5s-8 .672-8 1.5c0 .176.169.343.465.5"/><path fill="#aeb3b2" d="M18 12c-1.145 0-5.129-.07-8.335-.974a.5.5 0 1 1 .271-.963c3.083.87 6.952.937 8.064.937s4.981-.067 8.063-.937a.501.501 0 0 1 .271.963C23.129 11.93 19.145 12 18 12"/><path fill="#fff" d="M10 31a1 1 0 0 1-1-1V14a1 1 0 1 1 2 0v16a1 1 0 0 1-1 1"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#c4c9c8" d="M8 8c0 .64.254 1.254.707 1.707a.256.256 0 0 1-.1.424l-.556.185A3 3 0 0 0 6 13.162v18.451q0 .003.004.004c0 .007-.004.014-.004.021c0 1.796 5.373 3.252 12 3.252s12-1.456 12-3.252l-.004-.021a.004.004 0 0 0 .004-.004V13.162a3 3 0 0 0-2.051-2.846l-.795-.265a.1.1 0 0 1-.04-.165l.178-.178A2.42 2.42 0 0 0 28 8z"/><path fill="#f19020" d="M29 6.8c0 1.657-4.925 3.2-11 3.2S7 8.457 7 6.8S11.925 4 18 4s11 1.143 11 2.8"/><path fill="#f19020" d="M7 4h22v2.8H7z"/><ellipse cx="18" cy="4" fill="#f9ca55" rx="11" ry="3"/><ellipse cx="18" cy="30.5" fill="#aeb3b2" rx="11" ry="3"/><path fill="#f19020" d="M10.465 4c1.099-.582 4.053-1 7.535-1s6.436.418 7.535 1c.296-.157.465-.324.465-.5c0-.828-3.582-1.5-8-1.5s-8 .672-8 1.5c0 .176.169.343.465.5"/><path fill="#aeb3b2" d="M18 12c-1.145 0-5.129-.07-8.335-.974a.5.5 0 1 1 .271-.963c3.083.87 6.952.937 8.064.937s4.981-.067 8.063-.937a.501.501 0 0 1 .271.963C23.129 11.93 19.145 12 18 12"/><path fill="#fff" d="M10 31a1 1 0 0 1-1-1V14a1 1 0 1 1 2 0v16a1 1 0 0 1-1 1"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%23c4c9c8%22%20d%3D%22M8%208c0%20.64.254%201.254.707%201.707a.256.256%200%200%201-.1.424l-.556.185A3%203%200%200%200%206%2013.162v18.451q0%20.003.004.004c0%20.007-.004.014-.004.021c0%201.796%205.373%203.252%2012%203.252s12-1.456%2012-3.252l-.004-.021a.004.004%200%200%200%20.004-.004V13.162a3%203%200%200%200-2.051-2.846l-.795-.265a.1.1%200%200%201-.04-.165l.178-.178A2.42%202.42%200%200%200%2028%208z%22%2F%3E%3Cpath%20fill%3D%22%23f19020%22%20d%3D%22M29%206.8c0%201.657-4.925%203.2-11%203.2S7%208.457%207%206.8S11.925%204%2018%204s11%201.143%2011%202.8%22%2F%3E%3Cpath%20fill%3D%22%23f19020%22%20d%3D%22M7%204h22v2.8H7z%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%224%22%20fill%3D%22%23f9ca55%22%20rx%3D%2211%22%20ry%3D%223%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%2230.5%22%20fill%3D%22%23aeb3b2%22%20rx%3D%2211%22%20ry%3D%223%22%2F%3E%3Cpath%20fill%3D%22%23f19020%22%20d%3D%22M10.465%204c1.099-.582%204.053-1%207.535-1s6.436.418%207.535%201c.296-.157.465-.324.465-.5c0-.828-3.582-1.5-8-1.5s-8%20.672-8%201.5c0%20.176.169.343.465.5%22%2F%3E%3Cpath%20fill%3D%22%23aeb3b2%22%20d%3D%22M18%2012c-1.145%200-5.129-.07-8.335-.974a.5.5%200%201%201%20.271-.963c3.083.87%206.952.937%208.064.937s4.981-.067%208.063-.937a.501.501%200%200%201%20.271.963C23.129%2011.93%2019.145%2012%2018%2012%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10%2031a1%201%200%200%201-1-1V14a1%201%200%201%201%202%200v16a1%201%200%200%201-1%201%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23c4c9c8%22%20d%3D%22M8%208c0%20.64.254%201.254.707%201.707a.256.256%200%200%201-.1.424l-.556.185A3%203%200%200%200%206%2013.162v18.451q0%20.003.004.004c0%20.007-.004.014-.004.021c0%201.796%205.373%203.252%2012%203.252s12-1.456%2012-3.252l-.004-.021a.004.004%200%200%200%20.004-.004V13.162a3%203%200%200%200-2.051-2.846l-.795-.265a.1.1%200%200%201-.04-.165l.178-.178A2.42%202.42%200%200%200%2028%208z%22%2F%3E%3Cpath%20fill%3D%22%23f19020%22%20d%3D%22M29%206.8c0%201.657-4.925%203.2-11%203.2S7%208.457%207%206.8S11.925%204%2018%204s11%201.143%2011%202.8%22%2F%3E%3Cpath%20fill%3D%22%23f19020%22%20d%3D%22M7%204h22v2.8H7z%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%224%22%20fill%3D%22%23f9ca55%22%20rx%3D%2211%22%20ry%3D%223%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%2230.5%22%20fill%3D%22%23aeb3b2%22%20rx%3D%2211%22%20ry%3D%223%22%2F%3E%3Cpath%20fill%3D%22%23f19020%22%20d%3D%22M10.465%204c1.099-.582%204.053-1%207.535-1s6.436.418%207.535%201c.296-.157.465-.324.465-.5c0-.828-3.582-1.5-8-1.5s-8%20.672-8%201.5c0%20.176.169.343.465.5%22%2F%3E%3Cpath%20fill%3D%22%23aeb3b2%22%20d%3D%22M18%2012c-1.145%200-5.129-.07-8.335-.974a.5.5%200%201%201%20.271-.963c3.083.87%206.952.937%208.064.937s4.981-.067%208.063-.937a.501.501%200%200%201%20.271.963C23.129%2011.93%2019.145%2012%2018%2012%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10%2031a1%201%200%200%201-1-1V14a1%201%200%201%201%202%200v16a1%201%200%200%201-1%201%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/jar.svg?color=%231a73e8&size=48
