honey 02 icon

honey-02 from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.

Name
honey-02
Set
Huge Icons
Style
Stroke
Viewbox
24×24
License
MIT

Related icons in Huge Icons

honey-01

Use the honey 02 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-width="1.5" d="M7.448 3.5H6m14 0h-8.5m0-1.5v3M7.448 2v3M9.5 1v5M4 9h12m-2.4 0l.296.36c1.042 1.266 1.563 1.899 1.833 2.649c.271.75.271 1.56.271 3.182v3.142c0 2.2 0 3.3-.703 3.984C14.594 23 13.463 23 11.2 23H8.8c-2.263 0-3.394 0-4.097-.683C4 21.633 4 20.533 4 18.333v-3.142c0-1.622 0-2.432.27-3.182c.271-.75.792-1.383 1.834-2.649L6.4 9M8 15v3m-4-3h12"/></svg>

React

import type { SVGProps } from "react";

export function HugeiconsHoney02(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" strokeWidth="1.5" d="M7.448 3.5H6m14 0h-8.5m0-1.5v3M7.448 2v3M9.5 1v5M4 9h12m-2.4 0l.296.36c1.042 1.266 1.563 1.899 1.833 2.649c.271.75.271 1.56.271 3.182v3.142c0 2.2 0 3.3-.703 3.984C14.594 23 13.463 23 11.2 23H8.8c-2.263 0-3.394 0-4.097-.683C4 21.633 4 20.533 4 18.333v-3.142c0-1.622 0-2.432.27-3.182c.271-.75.792-1.383 1.834-2.649L6.4 9M8 15v3m-4-3h12"/></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-width="1.5" d="M7.448 3.5H6m14 0h-8.5m0-1.5v3M7.448 2v3M9.5 1v5M4 9h12m-2.4 0l.296.36c1.042 1.266 1.563 1.899 1.833 2.649c.271.75.271 1.56.271 3.182v3.142c0 2.2 0 3.3-.703 3.984C14.594 23 13.463 23 11.2 23H8.8c-2.263 0-3.394 0-4.097-.683C4 21.633 4 20.533 4 18.333v-3.142c0-1.622 0-2.432.27-3.182c.271-.75.792-1.383 1.834-2.649L6.4 9M8 15v3m-4-3h12"/></svg>
</template>

CSS

.icon-honey-02 {
  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-width%3D%221.5%22%20d%3D%22M7.448%203.5H6m14%200h-8.5m0-1.5v3M7.448%202v3M9.5%201v5M4%209h12m-2.4%200l.296.36c1.042%201.266%201.563%201.899%201.833%202.649c.271.75.271%201.56.271%203.182v3.142c0%202.2%200%203.3-.703%203.984C14.594%2023%2013.463%2023%2011.2%2023H8.8c-2.263%200-3.394%200-4.097-.683C4%2021.633%204%2020.533%204%2018.333v-3.142c0-1.622%200-2.432.27-3.182c.271-.75.792-1.383%201.834-2.649L6.4%209M8%2015v3m-4-3h12%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-width%3D%221.5%22%20d%3D%22M7.448%203.5H6m14%200h-8.5m0-1.5v3M7.448%202v3M9.5%201v5M4%209h12m-2.4%200l.296.36c1.042%201.266%201.563%201.899%201.833%202.649c.271.75.271%201.56.271%203.182v3.142c0%202.2%200%203.3-.703%203.984C14.594%2023%2013.463%2023%2011.2%2023H8.8c-2.263%200-3.394%200-4.097-.683C4%2021.633%204%2020.533%204%2018.333v-3.142c0-1.622%200-2.432.27-3.182c.271-.75.792-1.383%201.834-2.649L6.4%209M8%2015v3m-4-3h12%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/honey-02.svg?color=%231a73e8&size=48