nutrition icon

nutrition-sharp from IonIcons by Ben Sperry · Sharp · MIT Free for personal and commercial use.

Name: nutrition-sharp
Set: IonIcons
Style: Sharp
Viewbox: 512×512
License: MIT

2 other variants in IonIcons

The same icon in other sets

nutritionHealth Icons nutritionIconPark nutritionIconPark Outline nutritionIconPark Solid nutritionIconPark TwoTone nutritionMaterial Symbols nutritionMaterial Symbols Light nutritionMaterial Design Icons

Use the nutrition icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M438.71 159.43c-17.6-28.31-45.5-43.8-85.28-47.37c-22.82-2-50.23 4.94-72.25 10.55C271.26 125.14 260 128 256 128s-15.18-2.86-25-5.39c-22.08-5.65-49.56-12.69-72.45-10.54c-38.53 3.61-66 19.19-84 47.62S48 229 48 288c0 61.28 29.53 114.58 47.13 140.89C116.82 461.34 149.25 496 175.2 496c18.57 0 34.12-7.23 47.82-13.64C243 473 256 472 256 472s11 0 31.94 10.11C301.65 488.73 317.3 496 336.8 496c26.58 0 59.08-34.69 80.63-67.15C434.82 402.65 464 349.52 464 288c0-60-8-100.83-25.29-128.57M216 352c-13.25 0-24-21.49-24-48s10.75-48 24-48s24 21.49 24 48s-10.75 48-24 48m80 0c-13.25 0-24-21.49-24-48s10.75-48 24-48s24 21.49 24 48s-10.75 48-24 48"/><path fill="currentColor" d="M323.72 82.76C353.68 52.82 352 16.18 352 16.14s-35.77-3.76-67.23 27.67S256.06 112 256.06 112s37.68.71 67.66-29.24"/></svg>

React

import type { SVGProps } from "react";

export function IonNutritionSharp(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M438.71 159.43c-17.6-28.31-45.5-43.8-85.28-47.37c-22.82-2-50.23 4.94-72.25 10.55C271.26 125.14 260 128 256 128s-15.18-2.86-25-5.39c-22.08-5.65-49.56-12.69-72.45-10.54c-38.53 3.61-66 19.19-84 47.62S48 229 48 288c0 61.28 29.53 114.58 47.13 140.89C116.82 461.34 149.25 496 175.2 496c18.57 0 34.12-7.23 47.82-13.64C243 473 256 472 256 472s11 0 31.94 10.11C301.65 488.73 317.3 496 336.8 496c26.58 0 59.08-34.69 80.63-67.15C434.82 402.65 464 349.52 464 288c0-60-8-100.83-25.29-128.57M216 352c-13.25 0-24-21.49-24-48s10.75-48 24-48s24 21.49 24 48s-10.75 48-24 48m80 0c-13.25 0-24-21.49-24-48s10.75-48 24-48s24 21.49 24 48s-10.75 48-24 48"/><path fill="currentColor" d="M323.72 82.76C353.68 52.82 352 16.18 352 16.14s-35.77-3.76-67.23 27.67S256.06 112 256.06 112s37.68.71 67.66-29.24"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M438.71 159.43c-17.6-28.31-45.5-43.8-85.28-47.37c-22.82-2-50.23 4.94-72.25 10.55C271.26 125.14 260 128 256 128s-15.18-2.86-25-5.39c-22.08-5.65-49.56-12.69-72.45-10.54c-38.53 3.61-66 19.19-84 47.62S48 229 48 288c0 61.28 29.53 114.58 47.13 140.89C116.82 461.34 149.25 496 175.2 496c18.57 0 34.12-7.23 47.82-13.64C243 473 256 472 256 472s11 0 31.94 10.11C301.65 488.73 317.3 496 336.8 496c26.58 0 59.08-34.69 80.63-67.15C434.82 402.65 464 349.52 464 288c0-60-8-100.83-25.29-128.57M216 352c-13.25 0-24-21.49-24-48s10.75-48 24-48s24 21.49 24 48s-10.75 48-24 48m80 0c-13.25 0-24-21.49-24-48s10.75-48 24-48s24 21.49 24 48s-10.75 48-24 48"/><path fill="currentColor" d="M323.72 82.76C353.68 52.82 352 16.18 352 16.14s-35.77-3.76-67.23 27.67S256.06 112 256.06 112s37.68.71 67.66-29.24"/></svg>
</template>

CSS

.icon-nutrition-sharp {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M438.71%20159.43c-17.6-28.31-45.5-43.8-85.28-47.37c-22.82-2-50.23%204.94-72.25%2010.55C271.26%20125.14%20260%20128%20256%20128s-15.18-2.86-25-5.39c-22.08-5.65-49.56-12.69-72.45-10.54c-38.53%203.61-66%2019.19-84%2047.62S48%20229%2048%20288c0%2061.28%2029.53%20114.58%2047.13%20140.89C116.82%20461.34%20149.25%20496%20175.2%20496c18.57%200%2034.12-7.23%2047.82-13.64C243%20473%20256%20472%20256%20472s11%200%2031.94%2010.11C301.65%20488.73%20317.3%20496%20336.8%20496c26.58%200%2059.08-34.69%2080.63-67.15C434.82%20402.65%20464%20349.52%20464%20288c0-60-8-100.83-25.29-128.57M216%20352c-13.25%200-24-21.49-24-48s10.75-48%2024-48s24%2021.49%2024%2048s-10.75%2048-24%2048m80%200c-13.25%200-24-21.49-24-48s10.75-48%2024-48s24%2021.49%2024%2048s-10.75%2048-24%2048%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M323.72%2082.76C353.68%2052.82%20352%2016.18%20352%2016.14s-35.77-3.76-67.23%2027.67S256.06%20112%20256.06%20112s37.68.71%2067.66-29.24%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M438.71%20159.43c-17.6-28.31-45.5-43.8-85.28-47.37c-22.82-2-50.23%204.94-72.25%2010.55C271.26%20125.14%20260%20128%20256%20128s-15.18-2.86-25-5.39c-22.08-5.65-49.56-12.69-72.45-10.54c-38.53%203.61-66%2019.19-84%2047.62S48%20229%2048%20288c0%2061.28%2029.53%20114.58%2047.13%20140.89C116.82%20461.34%20149.25%20496%20175.2%20496c18.57%200%2034.12-7.23%2047.82-13.64C243%20473%20256%20472%20256%20472s11%200%2031.94%2010.11C301.65%20488.73%20317.3%20496%20336.8%20496c26.58%200%2059.08-34.69%2080.63-67.15C434.82%20402.65%20464%20349.52%20464%20288c0-60-8-100.83-25.29-128.57M216%20352c-13.25%200-24-21.49-24-48s10.75-48%2024-48s24%2021.49%2024%2048s-10.75%2048-24%2048m80%200c-13.25%200-24-21.49-24-48s10.75-48%2024-48s24%2021.49%2024%2048s-10.75%2048-24%2048%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M323.72%2082.76C353.68%2052.82%20352%2016.18%20352%2016.14s-35.77-3.76-67.23%2027.67S256.06%20112%20256.06%20112s37.68.71%2067.66-29.24%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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