Ícone Nutrition
healthicons:nutrition
O ícone Nutrition (healthicons:nutrition) é um ícone SVG gratuito da coleção Health Icons de Resolve to Save Lives. Ele é desenhado em uma grade de 48 × 48. Health Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Health Icons
- Autor
- Resolve to Save Lives
- Licença
- MIT
- Tamanho
- 48 × 48
- Categoria
- Nutrição
Código SVG
<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="M7.065 17.388c-1.122-1.027-1.888-2.693-2.038-5.384a.954.954 0 0 1 .977-.996c1.675.03 2.958.144 3.937.433c.42-1.089 1.258-2.116 2.512-3.056a.91.91 0 0 1 1.093 0c1.265.947 2.106 1.984 2.523 3.083c1.008-.34 2.301-.438 3.93-.462a.954.954 0 0 1 .974.998c-.15 2.691-.916 4.357-2.038 5.384c.548.407.865 1.092.749 1.832c-.277 1.76-.756 4.47-1.508 7.78H12v2h5.704c-.75 3.075-1.72 6.555-2.957 10.209a1.827 1.827 0 0 1-3.494 0c-.486-1.434-.93-2.842-1.336-4.21H12v-2H9.34a128 128 0 0 1-2.16-9H11v-2H6.793c-.2-1.084-.357-2.02-.477-2.779c-.117-.74.2-1.425.749-1.832m7.133-5.211l.683 1.8l1.825-.614c.503-.169 1.184-.27 2.154-.32c-.297 1.932-1.013 2.748-1.665 3.17c-.931.602-2.289.785-4.165.787h-.06c-1.877-.002-3.234-.185-4.166-.788c-.651-.421-1.366-1.236-1.663-3.164c1 .055 1.713.157 2.235.311l1.768.522l.663-1.72c.191-.495.56-1.05 1.193-1.634c.64.59 1.01 1.151 1.198 1.65m19.509 1.53c-1.973 1.973-2.165 4.727-1.056 7.32C37.505 17.85 43 21.78 43 28c0 5.523-4.925 10-11 10s-11-4.477-11-10c0-5.792 4.764-9.6 9.34-7.53c-.781-2.8-.377-5.848 1.953-8.177zm6.263 16.535a1 1 0 1 0-1.94-.485a4.43 4.43 0 0 1-3.273 3.273a1 1 0 1 0 .485 1.94a6.43 6.43 0 0 0 4.728-4.728" clip-rule="evenodd"/><path d="M34 18c3 0 5-2 5-5c-3 0-5 2-5 5"/></g></svg>
Como usar o ícone Nutrition
React
import { Icon } from "@iconify/react";
<Icon icon="healthicons:nutrition" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="healthicons:nutrition" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="healthicons:nutrition" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--nutrition]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:nutrition"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="healthicons:nutrition"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/healthicons/nutrition.svg" alt="Ícone Nutrition" width="24" height="24">
Ícones relacionados em Health Icons
O ícone Nutrition em outras coleções
Perguntas frequentes sobre Ícone Nutrition
O ícone Nutrition é grátis para uso comercial?
Sim. Health Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Nutrition no React?
Instale @iconify/react e renderize <Icon icon="healthicons:nutrition" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Nutrition a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/healthicons/nutrition.svg" alt="Ícone Nutrition">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Health Icons →
ICONYZ
