honey icon

honey from IconPark Solid by ByteDance · Solid · Foods · Apache-2.0 Free for personal and commercial use.

Name: honey
Set: IconPark Solid
Style: Solid
Category: Foods
Viewbox: 48×48
License: Apache 2.0

The same icon in other sets

honeyIconPark honeyIconPark Outline honeyIconPark TwoTone honeySimple Icons honeyWeb3 Icons honeyWeb3 Icons Branded

More foods icons from IconPark Solid

Use the honey icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-width="4"><path fill="currentColor" d="m14.613 4.843l-4.69 4.689a3.316 3.316 0 1 0 4.69 4.689l4.689-4.69a3.316 3.316 0 0 0-4.69-4.688Zm10.16 8.597l-6.252 6.252a3.316 3.316 0 1 0 4.69 4.69l6.252-6.253a3.316 3.316 0 1 0-4.69-4.69Z"/><path d="m28.68 18.91l13.77 13.77c1.028 1.028.811 2.91-.483 4.206c-1.295 1.295-3.178 1.511-4.206.484L23.991 23.6"/><path fill="currentColor" d="M22.428 6.406L11.487 17.347a3.316 3.316 0 1 0 4.69 4.69l10.94-10.942a3.316 3.316 0 1 0-4.689-4.69Z"/><path stroke-linecap="round" d="M13.854 23.142q2.136 6.656-.71 9.834c-2.847 3.179-2.405 11.166 4.026 11.166s8.32-7.987 2.872-10.79"/></g></svg>

React

import type { SVGProps } from "react";

export function IconParkSolidHoney(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" strokeWidth="4"><path fill="currentColor" d="m14.613 4.843l-4.69 4.689a3.316 3.316 0 1 0 4.69 4.689l4.689-4.69a3.316 3.316 0 0 0-4.69-4.688Zm10.16 8.597l-6.252 6.252a3.316 3.316 0 1 0 4.69 4.69l6.252-6.253a3.316 3.316 0 1 0-4.69-4.69Z"/><path d="m28.68 18.91l13.77 13.77c1.028 1.028.811 2.91-.483 4.206c-1.295 1.295-3.178 1.511-4.206.484L23.991 23.6"/><path fill="currentColor" d="M22.428 6.406L11.487 17.347a3.316 3.316 0 1 0 4.69 4.69l10.94-10.942a3.316 3.316 0 1 0-4.689-4.69Z"/><path strokeLinecap="round" d="M13.854 23.142q2.136 6.656-.71 9.834c-2.847 3.179-2.405 11.166 4.026 11.166s8.32-7.987 2.872-10.79"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-width="4"><path fill="currentColor" d="m14.613 4.843l-4.69 4.689a3.316 3.316 0 1 0 4.69 4.689l4.689-4.69a3.316 3.316 0 0 0-4.69-4.688Zm10.16 8.597l-6.252 6.252a3.316 3.316 0 1 0 4.69 4.69l6.252-6.253a3.316 3.316 0 1 0-4.69-4.69Z"/><path d="m28.68 18.91l13.77 13.77c1.028 1.028.811 2.91-.483 4.206c-1.295 1.295-3.178 1.511-4.206.484L23.991 23.6"/><path fill="currentColor" d="M22.428 6.406L11.487 17.347a3.316 3.316 0 1 0 4.69 4.69l10.94-10.942a3.316 3.316 0 1 0-4.689-4.69Z"/><path stroke-linecap="round" d="M13.854 23.142q2.136 6.656-.71 9.834c-2.847 3.179-2.405 11.166 4.026 11.166s8.32-7.987 2.872-10.79"/></g></svg>
</template>

CSS

.icon-honey {
  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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%224%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m14.613%204.843l-4.69%204.689a3.316%203.316%200%201%200%204.69%204.689l4.689-4.69a3.316%203.316%200%200%200-4.69-4.688Zm10.16%208.597l-6.252%206.252a3.316%203.316%200%201%200%204.69%204.69l6.252-6.253a3.316%203.316%200%201%200-4.69-4.69Z%22%2F%3E%3Cpath%20d%3D%22m28.68%2018.91l13.77%2013.77c1.028%201.028.811%202.91-.483%204.206c-1.295%201.295-3.178%201.511-4.206.484L23.991%2023.6%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M22.428%206.406L11.487%2017.347a3.316%203.316%200%201%200%204.69%204.69l10.94-10.942a3.316%203.316%200%201%200-4.689-4.69Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M13.854%2023.142q2.136%206.656-.71%209.834c-2.847%203.179-2.405%2011.166%204.026%2011.166s8.32-7.987%202.872-10.79%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%224%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m14.613%204.843l-4.69%204.689a3.316%203.316%200%201%200%204.69%204.689l4.689-4.69a3.316%203.316%200%200%200-4.69-4.688Zm10.16%208.597l-6.252%206.252a3.316%203.316%200%201%200%204.69%204.69l6.252-6.253a3.316%203.316%200%201%200-4.69-4.69Z%22%2F%3E%3Cpath%20d%3D%22m28.68%2018.91l13.77%2013.77c1.028%201.028.811%202.91-.483%204.206c-1.295%201.295-3.178%201.511-4.206.484L23.991%2023.6%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M22.428%206.406L11.487%2017.347a3.316%203.316%200%201%200%204.69%204.69l10.94-10.942a3.316%203.316%200%201%200-4.689-4.69Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M13.854%2023.142q2.136%206.656-.71%209.834c-2.847%203.179-2.405%2011.166%204.026%2011.166s8.32-7.987%202.872-10.79%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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