nutrition icon
nutrition from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- nutrition
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
2 other variants in IonIcons
The same icon in other sets
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="M439 166.29c-18.67-32.57-47.46-50.81-85.57-54.23c-20.18-1.8-39 3.37-57.23 8.38c-14.15 3.89-27.52 7.56-40.2 7.56s-26-3.68-40.06-7.57c-18.28-5-37.18-10.26-57.43-8.36c-36.39 3.41-65.51 22.11-84.31 54.08C56.82 195.76 48 236.76 48 288c0 40.4 15 90.49 40 134c12.82 22.25 47 74 87.16 74c30.77 0 47.15-9.44 59.11-16.33c8.3-4.78 13.31-7.67 21.69-7.67s13.39 2.89 21.69 7.67c12 6.89 28.35 16.33 59.15 16.33c40.17 0 74.34-51.76 87.16-74c25.07-43.5 40-93.59 40-134c.04-52.57-8.14-92.38-24.96-121.71M216 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="M265.1 111.93c13.16-1.75 37.86-7.83 58.83-28.79a98 98 0 0 0 28-58.2a8 8 0 0 0-8.55-8.94c-12.71.95-36.76 5.87-58.73 27.85A97.6 97.6 0 0 0 256 103.2a8 8 0 0 0 9.1 8.73"/></svg>
React
import type { SVGProps } from "react";
export function IonNutrition(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="M439 166.29c-18.67-32.57-47.46-50.81-85.57-54.23c-20.18-1.8-39 3.37-57.23 8.38c-14.15 3.89-27.52 7.56-40.2 7.56s-26-3.68-40.06-7.57c-18.28-5-37.18-10.26-57.43-8.36c-36.39 3.41-65.51 22.11-84.31 54.08C56.82 195.76 48 236.76 48 288c0 40.4 15 90.49 40 134c12.82 22.25 47 74 87.16 74c30.77 0 47.15-9.44 59.11-16.33c8.3-4.78 13.31-7.67 21.69-7.67s13.39 2.89 21.69 7.67c12 6.89 28.35 16.33 59.15 16.33c40.17 0 74.34-51.76 87.16-74c25.07-43.5 40-93.59 40-134c.04-52.57-8.14-92.38-24.96-121.71M216 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="M265.1 111.93c13.16-1.75 37.86-7.83 58.83-28.79a98 98 0 0 0 28-58.2a8 8 0 0 0-8.55-8.94c-12.71.95-36.76 5.87-58.73 27.85A97.6 97.6 0 0 0 256 103.2a8 8 0 0 0 9.1 8.73"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M439 166.29c-18.67-32.57-47.46-50.81-85.57-54.23c-20.18-1.8-39 3.37-57.23 8.38c-14.15 3.89-27.52 7.56-40.2 7.56s-26-3.68-40.06-7.57c-18.28-5-37.18-10.26-57.43-8.36c-36.39 3.41-65.51 22.11-84.31 54.08C56.82 195.76 48 236.76 48 288c0 40.4 15 90.49 40 134c12.82 22.25 47 74 87.16 74c30.77 0 47.15-9.44 59.11-16.33c8.3-4.78 13.31-7.67 21.69-7.67s13.39 2.89 21.69 7.67c12 6.89 28.35 16.33 59.15 16.33c40.17 0 74.34-51.76 87.16-74c25.07-43.5 40-93.59 40-134c.04-52.57-8.14-92.38-24.96-121.71M216 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="M265.1 111.93c13.16-1.75 37.86-7.83 58.83-28.79a98 98 0 0 0 28-58.2a8 8 0 0 0-8.55-8.94c-12.71.95-36.76 5.87-58.73 27.85A97.6 97.6 0 0 0 256 103.2a8 8 0 0 0 9.1 8.73"/></svg> </template>
CSS
.icon-nutrition {
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%22M439%20166.29c-18.67-32.57-47.46-50.81-85.57-54.23c-20.18-1.8-39%203.37-57.23%208.38c-14.15%203.89-27.52%207.56-40.2%207.56s-26-3.68-40.06-7.57c-18.28-5-37.18-10.26-57.43-8.36c-36.39%203.41-65.51%2022.11-84.31%2054.08C56.82%20195.76%2048%20236.76%2048%20288c0%2040.4%2015%2090.49%2040%20134c12.82%2022.25%2047%2074%2087.16%2074c30.77%200%2047.15-9.44%2059.11-16.33c8.3-4.78%2013.31-7.67%2021.69-7.67s13.39%202.89%2021.69%207.67c12%206.89%2028.35%2016.33%2059.15%2016.33c40.17%200%2074.34-51.76%2087.16-74c25.07-43.5%2040-93.59%2040-134c.04-52.57-8.14-92.38-24.96-121.71M216%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%22M265.1%20111.93c13.16-1.75%2037.86-7.83%2058.83-28.79a98%2098%200%200%200%2028-58.2a8%208%200%200%200-8.55-8.94c-12.71.95-36.76%205.87-58.73%2027.85A97.6%2097.6%200%200%200%20256%20103.2a8%208%200%200%200%209.1%208.73%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%22M439%20166.29c-18.67-32.57-47.46-50.81-85.57-54.23c-20.18-1.8-39%203.37-57.23%208.38c-14.15%203.89-27.52%207.56-40.2%207.56s-26-3.68-40.06-7.57c-18.28-5-37.18-10.26-57.43-8.36c-36.39%203.41-65.51%2022.11-84.31%2054.08C56.82%20195.76%2048%20236.76%2048%20288c0%2040.4%2015%2090.49%2040%20134c12.82%2022.25%2047%2074%2087.16%2074c30.77%200%2047.15-9.44%2059.11-16.33c8.3-4.78%2013.31-7.67%2021.69-7.67s13.39%202.89%2021.69%207.67c12%206.89%2028.35%2016.33%2059.15%2016.33c40.17%200%2074.34-51.76%2087.16-74c25.07-43.5%2040-93.59%2040-134c.04-52.57-8.14-92.38-24.96-121.71M216%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%22M265.1%20111.93c13.16-1.75%2037.86-7.83%2058.83-28.79a98%2098%200%200%200%2028-58.2a8%208%200%200%200-8.55-8.94c-12.71.95-36.76%205.87-58.73%2027.85A97.6%2097.6%200%200%200%20256%20103.2a8%208%200%200%200%209.1%208.73%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/nutrition.svg?color=%231a73e8&size=48
