Nutrition Outline icon
healthicons:nutrition-outline
The Nutrition Outline icon (healthicons:nutrition-outline) is a free SVG icon from the Health Icons set by Resolve to Save Lives. It is drawn on a 48 × 48 grid. Health Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Health Icons
- Author
- Resolve to Save Lives
- License
- MIT
- Size
- 48 × 48
- Category
- Nutrition
- Tags
- nutritionoutline, nutrition2x outline
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="currentColor"><path fill-rule="evenodd" d="M5.027 12.004c.15 2.691.916 4.357 2.038 5.384a1.9 1.9 0 0 0-.749 1.832c.572 3.635 2.003 11.323 4.937 19.989a1.827 1.827 0 0 0 3.494 0c2.933-8.666 4.365-16.354 4.937-19.989a1.9 1.9 0 0 0-.749-1.832c1.122-1.027 1.888-2.693 2.038-5.384a.954.954 0 0 0-.974-.998c-1.629.024-2.922.123-3.93.462c-.417-1.099-1.258-2.136-2.523-3.082a.91.91 0 0 0-1.092 0c-1.255.939-2.093 1.966-2.513 3.055c-.98-.289-2.262-.404-3.937-.433a.954.954 0 0 0-.977.996m9.854 1.973l-.683-1.8c-.189-.499-.558-1.06-1.198-1.65c-.634.584-1.002 1.14-1.193 1.634l-.663 1.72l-1.768-.522c-.522-.154-1.234-.256-2.235-.311c.297 1.928 1.012 2.743 1.663 3.164c.932.603 2.29.786 4.166.788h.06c1.877-.002 3.234-.185 4.165-.788c.652-.421 1.368-1.237 1.665-3.17c-.97.051-1.651.152-2.154.321zM8.306 19h9.388c-.287 1.807-.784 4.6-1.57 8H12v2h3.645c-.69 2.782-1.56 5.882-2.645 9.13a115 115 0 0 1-.995-3.13H13v-2h-1.582a126 126 0 0 1-2.197-9H12v-2H8.827a107 107 0 0 1-.521-3" clip-rule="evenodd"/><path d="M38.242 28.03a1 1 0 0 1 .728 1.212a6.43 6.43 0 0 1-4.728 4.728a1 1 0 0 1-.485-1.94a4.43 4.43 0 0 0 3.273-3.273a1 1 0 0 1 1.212-.727"/><path fill-rule="evenodd" d="M32.65 21.027c-1.108-2.593-.916-5.347 1.057-7.32l-1.414-1.414c-2.33 2.33-2.734 5.377-1.953 8.178C25.764 18.4 21 22.208 21 28c0 5.523 4.925 10 11 10s11-4.477 11-10c0-6.22-5.495-10.151-10.35-6.973M32 24.061l-1.25-1c-1.858-1.486-3.688-1.403-5.074-.547C24.21 23.419 23 25.357 23 28c0 4.243 3.846 8 9 8s9-3.757 9-8c0-2.642-1.21-4.58-2.676-5.486c-1.386-.856-3.217-.939-5.075.548z" clip-rule="evenodd"/><path d="M34 18c3 0 5-2 5-5c-3 0-5 2-5 5"/></g></svg>How to use the Nutrition Outline icon
React
import { Icon } from "@iconify/react";
<Icon icon="healthicons:nutrition-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="healthicons:nutrition-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="healthicons:nutrition-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--nutrition-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:nutrition-outline"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="healthicons:nutrition-outline"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/healthicons/nutrition-outline.svg" alt="Nutrition Outline icon" width="24" height="24">Related icons in Health Icons
Nutrition Outline icon in other icon sets
Nutrition Outline icon FAQ
Is the Nutrition Outline icon free for commercial use?
Yes. Health Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Nutrition Outline icon in React?
Install @iconify/react and render <Icon icon="healthicons:nutrition-outline" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Nutrition Outline icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/healthicons/nutrition-outline.svg" alt="Nutrition Outline icon">, or paste the SVG code inline to style it with CSS.