Icône Nutrition
medical-icon:nutrition
L'icône Nutrition (medical-icon:nutrition) est une icône SVG gratuite de la collection Medical Icons par Samuel Frémondière. Elle est dessinée sur une grille de 64 × 64. Les Medical Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Medical Icons
- Auteur
- Samuel Frémondière
- Licence
- MIT
- Taille
- 64 × 64
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M55.673.421H9.1C4.538.421.826 4.133.826 8.699v46.568c0 4.565 3.713 8.278 8.274 8.278h46.573c4.563 0 8.277-3.713 8.277-8.278V8.699c0-4.565-3.714-8.278-8.277-8.278m-8.295 13.663c-5.464.529-5.781-5.706-5.781-5.706c6.397.497 5.781 5.706 5.781 5.706m-27.336 6.288c.835 3.257-1.478 5.964-4.483 6.188c-.111-3.805 1.957-5.243 4.483-6.188m0 5.867c.835 3.254-1.478 5.962-4.483 6.185c-.111-3.803 1.957-5.242 4.483-6.185m0 5.866c.835 3.253-1.478 5.962-4.483 6.183c-.111-3.803 1.957-5.238 4.483-6.183m-7.066-16.733c1.95 1.867 3.284 4.01 1.675 7.457c-2.67-1.394-3.723-4.796-1.675-7.457m-3.378 6.531c2.524.947 4.594 2.386 4.481 6.19c-3.005-.226-5.32-2.932-4.481-6.19m0 5.868c2.524.943 4.594 2.382 4.481 6.185c-3.005-.222-5.32-2.931-4.481-6.185m0 5.865c2.524.947 4.594 2.38 4.481 6.185c-3.005-.221-5.32-2.93-4.481-6.185m12.589 23.15l10.201-17.674l10.199 17.674zm-11.086-12.04l-.646-2.373l43.221-11.759l.642 2.375zm43.807-19.897s-1.526 2.87-2.702 4.154c-.575.574-1.428.983-2.3.983a3.16 3.16 0 0 1-2.587-1.331a3.16 3.16 0 0 1-2.589 1.331c-.871 0-1.724-.409-2.299-.983c-1.177-1.284-2.702-4.154-2.702-4.154c-.855-1.736-1.313-3.079-1.313-4.437c0-2.892 2.341-5.401 5.24-5.401c1.428 0 2.718.572 3.664 1.497a5.22 5.22 0 0 1 3.663-1.497c2.899 0 5.24 2.509 5.24 5.401c-.001 1.358-.459 2.701-1.314 4.437z"/><path fill="currentColor" d="M26.241 54.445h12.295l-6.147-10.649z"/></svg>
Comment utiliser l'icône Nutrition
React
import { Icon } from "@iconify/react";
<Icon icon="medical-icon:nutrition" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="medical-icon:nutrition" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="medical-icon:nutrition" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[medical-icon--nutrition]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/medical-icon -->
<div class="i-medical-icon:nutrition"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="medical-icon:nutrition"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/medical-icon/nutrition.svg" alt="Icône Nutrition" width="24" height="24">
L'icône Nutrition dans d'autres collections
FAQ : Icône Nutrition
L'icône Nutrition est-elle gratuite pour un usage commercial ?
Oui. Les Medical Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Nutrition dans React ?
Installez @iconify/react et affichez <Icon icon="medical-icon:nutrition" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Nutrition à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/medical-icon/nutrition.svg" alt="Icône Nutrition">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Medical Icons →
ICONYZ
