hot water bottle emoji
hot-water-bottle from OpenMoji by OpenMoji · Default · Extras Openmoji · CC-BY-SA-4.0 Attribution required.
- Name
- hot-water-bottle
- Set
- OpenMoji
- Style
- Default
- Category
- Extras Openmoji
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
More extras openmoji icons from OpenMoji
Use the hot water bottle emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#92d3f5" d="m47.176 59.056l-2.203.55a37 37 0 0 1-17.946 0l-2.203-.55a4.97 4.97 0 0 1-3.764-4.822V23.352a5.637 5.637 0 0 1 5.637-5.638h18.606a5.637 5.637 0 0 1 5.637 5.638v30.882a4.97 4.97 0 0 1-3.764 4.822"/><path fill="#61b2e4" d="m46.111 53.994l-9.173-.514a15 15 0 0 0-1.644 0l-9.174.514a2.04 2.04 0 0 1-2.14-2.056v-28.63a2.484 2.484 0 0 1 2.465-2.5h19.341a2.484 2.484 0 0 1 2.466 2.5v28.63a2.04 2.04 0 0 1-2.14 2.056"/><path fill="#92d3f5" d="M36.15 10.736a14.45 14.45 0 0 0-6.52 1.647l1.454 7.994a5.633 5.633 0 0 0 10.133 0l1.453-7.994a14.45 14.45 0 0 0-6.52-1.647"/><circle cx="36.302" cy="56.56" r="1.102" fill="#fff"/><g fill="none" stroke="#000"><path stroke-miterlimit="10" stroke-width="2" d="M40.718 21.797h4.487a2.335 2.335 0 0 1 2.32 2.351v26.924a1.926 1.926 0 0 1-2.012 1.935l-8.627-.486a13 13 0 0 0-1.542 0l-8.628.486a1.926 1.926 0 0 1-2.012-1.935V24.148a2.34 2.34 0 0 1 2.32-2.351h4.557"/><circle cx="36.302" cy="56.56" r="1.102" stroke-miterlimit="10"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.001" d="M36.15 10.736a14.45 14.45 0 0 0-6.52 1.647l1.454 7.994a5.633 5.633 0 0 0 10.133 0l1.453-7.994a14.45 14.45 0 0 0-6.52-1.647"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.001" d="M41.699 17.714h3.608a5.64 5.64 0 0 1 5.633 5.633v30.889a4.97 4.97 0 0 1-3.764 4.822l-2.205.549a36.9 36.9 0 0 1-17.942 0l-2.205-.55a4.97 4.97 0 0 1-3.764-4.821V23.347a5.64 5.64 0 0 1 5.633-5.633h3.903"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiHotWaterBottle(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#92d3f5" d="m47.176 59.056l-2.203.55a37 37 0 0 1-17.946 0l-2.203-.55a4.97 4.97 0 0 1-3.764-4.822V23.352a5.637 5.637 0 0 1 5.637-5.638h18.606a5.637 5.637 0 0 1 5.637 5.638v30.882a4.97 4.97 0 0 1-3.764 4.822"/><path fill="#61b2e4" d="m46.111 53.994l-9.173-.514a15 15 0 0 0-1.644 0l-9.174.514a2.04 2.04 0 0 1-2.14-2.056v-28.63a2.484 2.484 0 0 1 2.465-2.5h19.341a2.484 2.484 0 0 1 2.466 2.5v28.63a2.04 2.04 0 0 1-2.14 2.056"/><path fill="#92d3f5" d="M36.15 10.736a14.45 14.45 0 0 0-6.52 1.647l1.454 7.994a5.633 5.633 0 0 0 10.133 0l1.453-7.994a14.45 14.45 0 0 0-6.52-1.647"/><circle cx="36.302" cy="56.56" r="1.102" fill="#fff"/><g fill="none" stroke="#000"><path strokeMiterlimit="10" strokeWidth="2" d="M40.718 21.797h4.487a2.335 2.335 0 0 1 2.32 2.351v26.924a1.926 1.926 0 0 1-2.012 1.935l-8.627-.486a13 13 0 0 0-1.542 0l-8.628.486a1.926 1.926 0 0 1-2.012-1.935V24.148a2.34 2.34 0 0 1 2.32-2.351h4.557"/><circle cx="36.302" cy="56.56" r="1.102" strokeMiterlimit="10"/><path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2.001" d="M36.15 10.736a14.45 14.45 0 0 0-6.52 1.647l1.454 7.994a5.633 5.633 0 0 0 10.133 0l1.453-7.994a14.45 14.45 0 0 0-6.52-1.647"/><path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2.001" d="M41.699 17.714h3.608a5.64 5.64 0 0 1 5.633 5.633v30.889a4.97 4.97 0 0 1-3.764 4.822l-2.205.549a36.9 36.9 0 0 1-17.942 0l-2.205-.55a4.97 4.97 0 0 1-3.764-4.821V23.347a5.64 5.64 0 0 1 5.633-5.633h3.903"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#92d3f5" d="m47.176 59.056l-2.203.55a37 37 0 0 1-17.946 0l-2.203-.55a4.97 4.97 0 0 1-3.764-4.822V23.352a5.637 5.637 0 0 1 5.637-5.638h18.606a5.637 5.637 0 0 1 5.637 5.638v30.882a4.97 4.97 0 0 1-3.764 4.822"/><path fill="#61b2e4" d="m46.111 53.994l-9.173-.514a15 15 0 0 0-1.644 0l-9.174.514a2.04 2.04 0 0 1-2.14-2.056v-28.63a2.484 2.484 0 0 1 2.465-2.5h19.341a2.484 2.484 0 0 1 2.466 2.5v28.63a2.04 2.04 0 0 1-2.14 2.056"/><path fill="#92d3f5" d="M36.15 10.736a14.45 14.45 0 0 0-6.52 1.647l1.454 7.994a5.633 5.633 0 0 0 10.133 0l1.453-7.994a14.45 14.45 0 0 0-6.52-1.647"/><circle cx="36.302" cy="56.56" r="1.102" fill="#fff"/><g fill="none" stroke="#000"><path stroke-miterlimit="10" stroke-width="2" d="M40.718 21.797h4.487a2.335 2.335 0 0 1 2.32 2.351v26.924a1.926 1.926 0 0 1-2.012 1.935l-8.627-.486a13 13 0 0 0-1.542 0l-8.628.486a1.926 1.926 0 0 1-2.012-1.935V24.148a2.34 2.34 0 0 1 2.32-2.351h4.557"/><circle cx="36.302" cy="56.56" r="1.102" stroke-miterlimit="10"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.001" d="M36.15 10.736a14.45 14.45 0 0 0-6.52 1.647l1.454 7.994a5.633 5.633 0 0 0 10.133 0l1.453-7.994a14.45 14.45 0 0 0-6.52-1.647"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.001" d="M41.699 17.714h3.608a5.64 5.64 0 0 1 5.633 5.633v30.889a4.97 4.97 0 0 1-3.764 4.822l-2.205.549a36.9 36.9 0 0 1-17.942 0l-2.205-.55a4.97 4.97 0 0 1-3.764-4.821V23.347a5.64 5.64 0 0 1 5.633-5.633h3.903"/></g></svg> </template>
CSS
.icon-hot-water-bottle {
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%3Cpath%20fill%3D%22%2392d3f5%22%20d%3D%22m47.176%2059.056l-2.203.55a37%2037%200%200%201-17.946%200l-2.203-.55a4.97%204.97%200%200%201-3.764-4.822V23.352a5.637%205.637%200%200%201%205.637-5.638h18.606a5.637%205.637%200%200%201%205.637%205.638v30.882a4.97%204.97%200%200%201-3.764%204.822%22%2F%3E%3Cpath%20fill%3D%22%2361b2e4%22%20d%3D%22m46.111%2053.994l-9.173-.514a15%2015%200%200%200-1.644%200l-9.174.514a2.04%202.04%200%200%201-2.14-2.056v-28.63a2.484%202.484%200%200%201%202.465-2.5h19.341a2.484%202.484%200%200%201%202.466%202.5v28.63a2.04%202.04%200%200%201-2.14%202.056%22%2F%3E%3Cpath%20fill%3D%22%2392d3f5%22%20d%3D%22M36.15%2010.736a14.45%2014.45%200%200%200-6.52%201.647l1.454%207.994a5.633%205.633%200%200%200%2010.133%200l1.453-7.994a14.45%2014.45%200%200%200-6.52-1.647%22%2F%3E%3Ccircle%20cx%3D%2236.302%22%20cy%3D%2256.56%22%20r%3D%221.102%22%20fill%3D%22%23fff%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%3E%3Cpath%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M40.718%2021.797h4.487a2.335%202.335%200%200%201%202.32%202.351v26.924a1.926%201.926%200%200%201-2.012%201.935l-8.627-.486a13%2013%200%200%200-1.542%200l-8.628.486a1.926%201.926%200%200%201-2.012-1.935V24.148a2.34%202.34%200%200%201%202.32-2.351h4.557%22%2F%3E%3Ccircle%20cx%3D%2236.302%22%20cy%3D%2256.56%22%20r%3D%221.102%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222.001%22%20d%3D%22M36.15%2010.736a14.45%2014.45%200%200%200-6.52%201.647l1.454%207.994a5.633%205.633%200%200%200%2010.133%200l1.453-7.994a14.45%2014.45%200%200%200-6.52-1.647%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222.001%22%20d%3D%22M41.699%2017.714h3.608a5.64%205.64%200%200%201%205.633%205.633v30.889a4.97%204.97%200%200%201-3.764%204.822l-2.205.549a36.9%2036.9%200%200%201-17.942%200l-2.205-.55a4.97%204.97%200%200%201-3.764-4.821V23.347a5.64%205.64%200%200%201%205.633-5.633h3.903%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%3Cpath%20fill%3D%22%2392d3f5%22%20d%3D%22m47.176%2059.056l-2.203.55a37%2037%200%200%201-17.946%200l-2.203-.55a4.97%204.97%200%200%201-3.764-4.822V23.352a5.637%205.637%200%200%201%205.637-5.638h18.606a5.637%205.637%200%200%201%205.637%205.638v30.882a4.97%204.97%200%200%201-3.764%204.822%22%2F%3E%3Cpath%20fill%3D%22%2361b2e4%22%20d%3D%22m46.111%2053.994l-9.173-.514a15%2015%200%200%200-1.644%200l-9.174.514a2.04%202.04%200%200%201-2.14-2.056v-28.63a2.484%202.484%200%200%201%202.465-2.5h19.341a2.484%202.484%200%200%201%202.466%202.5v28.63a2.04%202.04%200%200%201-2.14%202.056%22%2F%3E%3Cpath%20fill%3D%22%2392d3f5%22%20d%3D%22M36.15%2010.736a14.45%2014.45%200%200%200-6.52%201.647l1.454%207.994a5.633%205.633%200%200%200%2010.133%200l1.453-7.994a14.45%2014.45%200%200%200-6.52-1.647%22%2F%3E%3Ccircle%20cx%3D%2236.302%22%20cy%3D%2256.56%22%20r%3D%221.102%22%20fill%3D%22%23fff%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%3E%3Cpath%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M40.718%2021.797h4.487a2.335%202.335%200%200%201%202.32%202.351v26.924a1.926%201.926%200%200%201-2.012%201.935l-8.627-.486a13%2013%200%200%200-1.542%200l-8.628.486a1.926%201.926%200%200%201-2.012-1.935V24.148a2.34%202.34%200%200%201%202.32-2.351h4.557%22%2F%3E%3Ccircle%20cx%3D%2236.302%22%20cy%3D%2256.56%22%20r%3D%221.102%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222.001%22%20d%3D%22M36.15%2010.736a14.45%2014.45%200%200%200-6.52%201.647l1.454%207.994a5.633%205.633%200%200%200%2010.133%200l1.453-7.994a14.45%2014.45%200%200%200-6.52-1.647%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222.001%22%20d%3D%22M41.699%2017.714h3.608a5.64%205.64%200%200%201%205.633%205.633v30.889a4.97%204.97%200%200%201-3.764%204.822l-2.205.549a36.9%2036.9%200%200%201-17.942%200l-2.205-.55a4.97%204.97%200%200%201-3.764-4.821V23.347a5.64%205.64%200%200%201%205.633-5.633h3.903%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/hot-water-bottle.svg?color=%231a73e8&size=48
