natural food icon

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

Name
natural-food
Set
Huge Icons
Style
Stroke
Viewbox
24×24
License
MIT

Use the natural food 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-linejoin="round" stroke-width="1.5"><path d="M5.059 11.742c1.918.236 3.672-1.189 3.917-3.182S6.94 4.646 7.768 2c-4.103.594-5.517 3.901-5.74 5.706c-.245 1.993 1.112 3.8 3.03 4.036Z"/><path stroke-linecap="round" d="M7 20c-1.925-4.676-2.23-8.806-1.867-12"/><path d="M9.508 17.668c1.175 2.392 4.013 3.052 6.338 1.474S18.538 13.19 22 11.665c-3.695-4.093-8.303-2.615-10.408-1.186c-2.326 1.578-3.259 4.797-2.084 7.19Z"/><path stroke-linecap="round" d="M6 22c2.378-4.096 5.264-6.57 8-8"/></g></svg>

React

import type { SVGProps } from "react";

export function HugeiconsNaturalFood(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" strokeLinejoin="round" strokeWidth="1.5"><path d="M5.059 11.742c1.918.236 3.672-1.189 3.917-3.182S6.94 4.646 7.768 2c-4.103.594-5.517 3.901-5.74 5.706c-.245 1.993 1.112 3.8 3.03 4.036Z"/><path strokeLinecap="round" d="M7 20c-1.925-4.676-2.23-8.806-1.867-12"/><path d="M9.508 17.668c1.175 2.392 4.013 3.052 6.338 1.474S18.538 13.19 22 11.665c-3.695-4.093-8.303-2.615-10.408-1.186c-2.326 1.578-3.259 4.797-2.084 7.19Z"/><path strokeLinecap="round" d="M6 22c2.378-4.096 5.264-6.57 8-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-linejoin="round" stroke-width="1.5"><path d="M5.059 11.742c1.918.236 3.672-1.189 3.917-3.182S6.94 4.646 7.768 2c-4.103.594-5.517 3.901-5.74 5.706c-.245 1.993 1.112 3.8 3.03 4.036Z"/><path stroke-linecap="round" d="M7 20c-1.925-4.676-2.23-8.806-1.867-12"/><path d="M9.508 17.668c1.175 2.392 4.013 3.052 6.338 1.474S18.538 13.19 22 11.665c-3.695-4.093-8.303-2.615-10.408-1.186c-2.326 1.578-3.259 4.797-2.084 7.19Z"/><path stroke-linecap="round" d="M6 22c2.378-4.096 5.264-6.57 8-8"/></g></svg>
</template>

CSS

.icon-natural-food {
  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-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M5.059%2011.742c1.918.236%203.672-1.189%203.917-3.182S6.94%204.646%207.768%202c-4.103.594-5.517%203.901-5.74%205.706c-.245%201.993%201.112%203.8%203.03%204.036Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M7%2020c-1.925-4.676-2.23-8.806-1.867-12%22%2F%3E%3Cpath%20d%3D%22M9.508%2017.668c1.175%202.392%204.013%203.052%206.338%201.474S18.538%2013.19%2022%2011.665c-3.695-4.093-8.303-2.615-10.408-1.186c-2.326%201.578-3.259%204.797-2.084%207.19Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M6%2022c2.378-4.096%205.264-6.57%208-8%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-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M5.059%2011.742c1.918.236%203.672-1.189%203.917-3.182S6.94%204.646%207.768%202c-4.103.594-5.517%203.901-5.74%205.706c-.245%201.993%201.112%203.8%203.03%204.036Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M7%2020c-1.925-4.676-2.23-8.806-1.867-12%22%2F%3E%3Cpath%20d%3D%22M9.508%2017.668c1.175%202.392%204.013%203.052%206.338%201.474S18.538%2013.19%2022%2011.665c-3.695-4.093-8.303-2.615-10.408-1.186c-2.326%201.578-3.259%204.797-2.084%207.19Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M6%2022c2.378-4.096%205.264-6.57%208-8%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/natural-food.svg?color=%231a73e8&size=48