chocolate icon
chocolate from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- chocolate
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Use the chocolate icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="m16.2 14.689l-6.889-6.89c-.462-.462-.693-.693-.978-.766a1 1 0 0 0-.322-.032c-.294.016-.566.197-1.11.56l-.139.093c-1.103.735-1.654 1.102-1.741 1.538c-.047.234-.014.477.092.69c.2.398.828.607 2.085 1.027c.404.134.606.202.76.33q.13.106.221.25c.108.169.15.377.233.795l.27 1.35c.136.68.204 1.02.434 1.25s.57.298 1.25.434l1.35.27c.418.083.626.125.796.233q.142.09.25.22c.127.155.195.357.33.761c.418 1.257.628 1.886 1.025 2.085c.214.106.457.139.69.092c.436-.087.804-.638 1.54-1.741l.092-.14c.363-.543.544-.816.56-1.11a1 1 0 0 0-.032-.32c-.073-.286-.304-.517-.766-.98Z"/><path d="m13.5 18l-1.774 1.856C10.296 21.286 9.58 22 8.693 22s-1.603-.715-3.032-2.144l-1.517-1.517C2.714 16.91 2 16.195 2 15.307s.715-1.603 2.144-3.033L6 10.5m3-2.792l3.646-3.646C14.02 2.687 14.708 2 15.563 2c.854 0 1.541.687 2.916 2.062l1.459 1.459C21.313 6.896 22 7.583 22 8.437s-.687 1.542-2.062 2.917L16.292 15"/><path stroke-linejoin="round" d="m19.6 4.4l-7.2 7.2M12 4l8 8"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsChocolate(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path d="m16.2 14.689l-6.889-6.89c-.462-.462-.693-.693-.978-.766a1 1 0 0 0-.322-.032c-.294.016-.566.197-1.11.56l-.139.093c-1.103.735-1.654 1.102-1.741 1.538c-.047.234-.014.477.092.69c.2.398.828.607 2.085 1.027c.404.134.606.202.76.33q.13.106.221.25c.108.169.15.377.233.795l.27 1.35c.136.68.204 1.02.434 1.25s.57.298 1.25.434l1.35.27c.418.083.626.125.796.233q.142.09.25.22c.127.155.195.357.33.761c.418 1.257.628 1.886 1.025 2.085c.214.106.457.139.69.092c.436-.087.804-.638 1.54-1.741l.092-.14c.363-.543.544-.816.56-1.11a1 1 0 0 0-.032-.32c-.073-.286-.304-.517-.766-.98Z"/><path d="m13.5 18l-1.774 1.856C10.296 21.286 9.58 22 8.693 22s-1.603-.715-3.032-2.144l-1.517-1.517C2.714 16.91 2 16.195 2 15.307s.715-1.603 2.144-3.033L6 10.5m3-2.792l3.646-3.646C14.02 2.687 14.708 2 15.563 2c.854 0 1.541.687 2.916 2.062l1.459 1.459C21.313 6.896 22 7.583 22 8.437s-.687 1.542-2.062 2.917L16.292 15"/><path strokeLinejoin="round" d="m19.6 4.4l-7.2 7.2M12 4l8 8"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="m16.2 14.689l-6.889-6.89c-.462-.462-.693-.693-.978-.766a1 1 0 0 0-.322-.032c-.294.016-.566.197-1.11.56l-.139.093c-1.103.735-1.654 1.102-1.741 1.538c-.047.234-.014.477.092.69c.2.398.828.607 2.085 1.027c.404.134.606.202.76.33q.13.106.221.25c.108.169.15.377.233.795l.27 1.35c.136.68.204 1.02.434 1.25s.57.298 1.25.434l1.35.27c.418.083.626.125.796.233q.142.09.25.22c.127.155.195.357.33.761c.418 1.257.628 1.886 1.025 2.085c.214.106.457.139.69.092c.436-.087.804-.638 1.54-1.741l.092-.14c.363-.543.544-.816.56-1.11a1 1 0 0 0-.032-.32c-.073-.286-.304-.517-.766-.98Z"/><path d="m13.5 18l-1.774 1.856C10.296 21.286 9.58 22 8.693 22s-1.603-.715-3.032-2.144l-1.517-1.517C2.714 16.91 2 16.195 2 15.307s.715-1.603 2.144-3.033L6 10.5m3-2.792l3.646-3.646C14.02 2.687 14.708 2 15.563 2c.854 0 1.541.687 2.916 2.062l1.459 1.459C21.313 6.896 22 7.583 22 8.437s-.687 1.542-2.062 2.917L16.292 15"/><path stroke-linejoin="round" d="m19.6 4.4l-7.2 7.2M12 4l8 8"/></g></svg> </template>
CSS
.icon-chocolate {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22m16.2%2014.689l-6.889-6.89c-.462-.462-.693-.693-.978-.766a1%201%200%200%200-.322-.032c-.294.016-.566.197-1.11.56l-.139.093c-1.103.735-1.654%201.102-1.741%201.538c-.047.234-.014.477.092.69c.2.398.828.607%202.085%201.027c.404.134.606.202.76.33q.13.106.221.25c.108.169.15.377.233.795l.27%201.35c.136.68.204%201.02.434%201.25s.57.298%201.25.434l1.35.27c.418.083.626.125.796.233q.142.09.25.22c.127.155.195.357.33.761c.418%201.257.628%201.886%201.025%202.085c.214.106.457.139.69.092c.436-.087.804-.638%201.54-1.741l.092-.14c.363-.543.544-.816.56-1.11a1%201%200%200%200-.032-.32c-.073-.286-.304-.517-.766-.98Z%22%2F%3E%3Cpath%20d%3D%22m13.5%2018l-1.774%201.856C10.296%2021.286%209.58%2022%208.693%2022s-1.603-.715-3.032-2.144l-1.517-1.517C2.714%2016.91%202%2016.195%202%2015.307s.715-1.603%202.144-3.033L6%2010.5m3-2.792l3.646-3.646C14.02%202.687%2014.708%202%2015.563%202c.854%200%201.541.687%202.916%202.062l1.459%201.459C21.313%206.896%2022%207.583%2022%208.437s-.687%201.542-2.062%202.917L16.292%2015%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22m19.6%204.4l-7.2%207.2M12%204l8%208%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22m16.2%2014.689l-6.889-6.89c-.462-.462-.693-.693-.978-.766a1%201%200%200%200-.322-.032c-.294.016-.566.197-1.11.56l-.139.093c-1.103.735-1.654%201.102-1.741%201.538c-.047.234-.014.477.092.69c.2.398.828.607%202.085%201.027c.404.134.606.202.76.33q.13.106.221.25c.108.169.15.377.233.795l.27%201.35c.136.68.204%201.02.434%201.25s.57.298%201.25.434l1.35.27c.418.083.626.125.796.233q.142.09.25.22c.127.155.195.357.33.761c.418%201.257.628%201.886%201.025%202.085c.214.106.457.139.69.092c.436-.087.804-.638%201.54-1.741l.092-.14c.363-.543.544-.816.56-1.11a1%201%200%200%200-.032-.32c-.073-.286-.304-.517-.766-.98Z%22%2F%3E%3Cpath%20d%3D%22m13.5%2018l-1.774%201.856C10.296%2021.286%209.58%2022%208.693%2022s-1.603-.715-3.032-2.144l-1.517-1.517C2.714%2016.91%202%2016.195%202%2015.307s.715-1.603%202.144-3.033L6%2010.5m3-2.792l3.646-3.646C14.02%202.687%2014.708%202%2015.563%202c.854%200%201.541.687%202.916%202.062l1.459%201.459C21.313%206.896%2022%207.583%2022%208.437s-.687%201.542-2.062%202.917L16.292%2015%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22m19.6%204.4l-7.2%207.2M12%204l8%208%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/chocolate.svg?color=%231a73e8&size=48
