iconjar icon
iconjar from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- iconjar
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Use the iconjar icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m4.18 15.932l1.083 3.376c.417 1.298.625 1.947 1.141 2.32C6.921 22 7.613 22 8.996 22h6.008c1.383 0 2.075 0 2.592-.372c.516-.373.724-1.022 1.141-2.32l1.084-3.376c.57-1.774-.257-3.693-1.948-4.524c.81-.498 1.214-.747 1.333-.936a.955.955 0 0 0-.4-1.374C18.602 9 18.126 9 17.171 9c-.954 0-2.257.336-1.38 3.165c1.168 3.767.12 4.914-1.368 5.084s-3.436-1.257-2.086-3.746c1.54-2.84-.582-4.503-1.71-4.503H6.83c-.954 0-1.431 0-1.635.098a.955.955 0 0 0-.4 1.374c.12.19.524.438 1.333.936c-1.692.832-2.517 2.75-1.948 4.524m9.819-12.906C13.999 2.176 12.828 2 12 2s-1.999.176-1.999 1.026c0 .496.4 1.112.896 1.54H8.034C6.808 4.565 5.455 5.83 5 7h14c-.455-1.169-1.808-2.435-3.034-2.435h-2.863C13.6 4.138 14 3.522 14 3.026"/></svg>
React
import type { SVGProps } from "react";
export function HugeiconsIconjar(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="m4.18 15.932l1.083 3.376c.417 1.298.625 1.947 1.141 2.32C6.921 22 7.613 22 8.996 22h6.008c1.383 0 2.075 0 2.592-.372c.516-.373.724-1.022 1.141-2.32l1.084-3.376c.57-1.774-.257-3.693-1.948-4.524c.81-.498 1.214-.747 1.333-.936a.955.955 0 0 0-.4-1.374C18.602 9 18.126 9 17.171 9c-.954 0-2.257.336-1.38 3.165c1.168 3.767.12 4.914-1.368 5.084s-3.436-1.257-2.086-3.746c1.54-2.84-.582-4.503-1.71-4.503H6.83c-.954 0-1.431 0-1.635.098a.955.955 0 0 0-.4 1.374c.12.19.524.438 1.333.936c-1.692.832-2.517 2.75-1.948 4.524m9.819-12.906C13.999 2.176 12.828 2 12 2s-1.999.176-1.999 1.026c0 .496.4 1.112.896 1.54H8.034C6.808 4.565 5.455 5.83 5 7h14c-.455-1.169-1.808-2.435-3.034-2.435h-2.863C13.6 4.138 14 3.522 14 3.026"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m4.18 15.932l1.083 3.376c.417 1.298.625 1.947 1.141 2.32C6.921 22 7.613 22 8.996 22h6.008c1.383 0 2.075 0 2.592-.372c.516-.373.724-1.022 1.141-2.32l1.084-3.376c.57-1.774-.257-3.693-1.948-4.524c.81-.498 1.214-.747 1.333-.936a.955.955 0 0 0-.4-1.374C18.602 9 18.126 9 17.171 9c-.954 0-2.257.336-1.38 3.165c1.168 3.767.12 4.914-1.368 5.084s-3.436-1.257-2.086-3.746c1.54-2.84-.582-4.503-1.71-4.503H6.83c-.954 0-1.431 0-1.635.098a.955.955 0 0 0-.4 1.374c.12.19.524.438 1.333.936c-1.692.832-2.517 2.75-1.948 4.524m9.819-12.906C13.999 2.176 12.828 2 12 2s-1.999.176-1.999 1.026c0 .496.4 1.112.896 1.54H8.034C6.808 4.565 5.455 5.83 5 7h14c-.455-1.169-1.808-2.435-3.034-2.435h-2.863C13.6 4.138 14 3.522 14 3.026"/></svg> </template>
CSS
.icon-iconjar {
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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m4.18%2015.932l1.083%203.376c.417%201.298.625%201.947%201.141%202.32C6.921%2022%207.613%2022%208.996%2022h6.008c1.383%200%202.075%200%202.592-.372c.516-.373.724-1.022%201.141-2.32l1.084-3.376c.57-1.774-.257-3.693-1.948-4.524c.81-.498%201.214-.747%201.333-.936a.955.955%200%200%200-.4-1.374C18.602%209%2018.126%209%2017.171%209c-.954%200-2.257.336-1.38%203.165c1.168%203.767.12%204.914-1.368%205.084s-3.436-1.257-2.086-3.746c1.54-2.84-.582-4.503-1.71-4.503H6.83c-.954%200-1.431%200-1.635.098a.955.955%200%200%200-.4%201.374c.12.19.524.438%201.333.936c-1.692.832-2.517%202.75-1.948%204.524m9.819-12.906C13.999%202.176%2012.828%202%2012%202s-1.999.176-1.999%201.026c0%20.496.4%201.112.896%201.54H8.034C6.808%204.565%205.455%205.83%205%207h14c-.455-1.169-1.808-2.435-3.034-2.435h-2.863C13.6%204.138%2014%203.522%2014%203.026%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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m4.18%2015.932l1.083%203.376c.417%201.298.625%201.947%201.141%202.32C6.921%2022%207.613%2022%208.996%2022h6.008c1.383%200%202.075%200%202.592-.372c.516-.373.724-1.022%201.141-2.32l1.084-3.376c.57-1.774-.257-3.693-1.948-4.524c.81-.498%201.214-.747%201.333-.936a.955.955%200%200%200-.4-1.374C18.602%209%2018.126%209%2017.171%209c-.954%200-2.257.336-1.38%203.165c1.168%203.767.12%204.914-1.368%205.084s-3.436-1.257-2.086-3.746c1.54-2.84-.582-4.503-1.71-4.503H6.83c-.954%200-1.431%200-1.635.098a.955.955%200%200%200-.4%201.374c.12.19.524.438%201.333.936c-1.692.832-2.517%202.75-1.948%204.524m9.819-12.906C13.999%202.176%2012.828%202%2012%202s-1.999.176-1.999%201.026c0%20.496.4%201.112.896%201.54H8.034C6.808%204.565%205.455%205.83%205%207h14c-.455-1.169-1.808-2.435-3.034-2.435h-2.863C13.6%204.138%2014%203.522%2014%203.026%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/iconjar.svg?color=%231a73e8&size=48
