Icono Carbohydrates

healthicons:carbohydrates

El icono Carbohydrates (healthicons:carbohydrates) es un icono SVG gratuito de la colección Health Icons de Resolve to Save Lives. Está dibujado en una cuadrícula de 48 × 48. Health Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: Health Icons
Autor: Resolve to Save Lives
Licencia: MIT
Tamaño: 48 × 48
Categoría: Nutrición
Etiquetas: carbohydrate

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M35 10a1 1 0 0 1 1 1v14a1 1 0 1 1-2 0V11a1 1 0 0 1 1-1m8 0a1 1 0 0 1 1 1v14a1 1 0 1 1-2 0V11a1 1 0 0 1 1-1m-4 0a1 1 0 0 1 1 1v14a1 1 0 1 1-2 0V11a1 1 0 0 1 1-1"/><path d="M39 22a1 1 0 0 1 1 1v14a1 1 0 1 1-2 0V23a1 1 0 0 1 1-1m-5-11v5.528a4 4 0 0 0 2.211 3.578L40 22v-5.528a4 4 0 0 0-2.211-3.578zm2 3.236v2.292a2 2 0 0 0 1.106 1.789l.894.447v-2.292a2 2 0 0 0-1.106-1.789z"/><path d="M34 17v5.528a4 4 0 0 0 2.211 3.578L40 28v-5.528a4 4 0 0 0-2.211-3.578zm2 3.236v2.292a2 2 0 0 0 1.106 1.789l.894.447v-2.292a2 2 0 0 0-1.106-1.789z"/><path d="M34 23v5.528a4 4 0 0 0 2.211 3.578L40 34v-5.528a4 4 0 0 0-2.211-3.578zm2 3.236v2.292a2 2 0 0 0 1.106 1.789l.894.447v-2.292a2 2 0 0 0-1.106-1.789zM44 11v5.528a4 4 0 0 1-2.211 3.578L38 22v-5.528a4 4 0 0 1 2.211-3.578zm-2 3.236v2.292a2 2 0 0 1-1.106 1.789l-.894.447v-2.292a2 2 0 0 1 1.106-1.789z"/><path d="M44 17v5.528a4 4 0 0 1-2.211 3.578L38 28v-5.528a4 4 0 0 1 2.211-3.578zm-2 3.236v2.292a2 2 0 0 1-1.106 1.789l-.894.447v-2.292a2 2 0 0 1 1.106-1.789z"/><path d="M44 23v5.528a4 4 0 0 1-2.211 3.578L38 34v-5.528a4 4 0 0 1 2.211-3.578zm-2 3.236v2.292a2 2 0 0 1-1.106 1.789l-.894.447v-2.292a2 2 0 0 1 1.106-1.789zm-17.727-5.855a11.7 11.7 0 0 0-2.486-.371c-.996.093-1.902.837-2.626 2.061C18.396 23.366 18 24.942 18 26a1 1 0 1 1-2 0c0-1.44.504-3.365 1.44-4.946c.213-.361.457-.718.734-1.054H16c-1.08 0-2.064.76-2.84 2.072C12.397 23.365 12 24.94 12 26a1 1 0 1 1-2 0c0-1.44.504-3.365 1.44-4.946q.098-.168.205-.332C7.182 22.37 4 26.664 4 31.7a6.3 6.3 0 0 0 6.3 6.3h16.4a6.3 6.3 0 0 0 6.3-6.3c0-4.656-2.72-8.676-6.657-10.56c-.63.514-1.18 1.306-1.597 2.237c-.5 1.113-.746 2.289-.746 3.123a1 1 0 1 1-2 0c0-1.16.325-2.613.92-3.941c.34-.758.788-1.521 1.353-2.178"/><path d="M25.635 21.874a7.2 7.2 0 0 0-.913 1.555C24.24 24.527 24 25.679 24 26.5a1 1 0 1 1-2 0c0-1.16.325-2.613.92-3.941q.088-.195.186-.392a9 9 0 0 1 1.167-1.786a11.7 11.7 0 0 0-2.486-.371c-.716.067-1.385.47-1.973 1.145l-.098.116a6.4 6.4 0 0 0-.551.794l-.004.006C18.396 23.366 18 24.942 18 26a1 1 0 1 1-2 0c0-1.163.329-2.642.947-4a10 10 0 0 1 .505-.968A8 8 0 0 1 18.174 20H16a2 2 0 0 0-.27.016c-.882.105-1.692.721-2.364 1.728a8 8 0 0 0-.205.328C12.396 23.365 12 24.94 12 26a1 1 0 1 1-2 0c0-.715.124-1.55.364-2.402a10.8 10.8 0 0 1 1.075-2.544l.022-.037q.08-.135.165-.266l.02-.03q-.234.086-.461.182c-.907.38-1.755.87-2.529 1.454A11.68 11.68 0 0 0 4 31.7a6.3 6.3 0 0 0 6.3 6.3h16.4a6.3 6.3 0 0 0 6.3-6.3c0-4.656-2.72-8.676-6.657-10.56a4.6 4.6 0 0 0-.709.734m1.175 1.841a6 6 0 0 0-.24.48c-.401.898-.57 1.795-.57 2.305a3 3 0 1 1-6 0c0-.432.034-.885.1-1.349c-.067.326-.1.62-.1.849a3 3 0 1 1-6 0a3 3 0 1 1-6 0l.002-.203A9.66 9.66 0 0 0 6 31.7a4.3 4.3 0 0 0 4.3 4.3h16.4a4.3 4.3 0 0 0 4.3-4.3a9.69 9.69 0 0 0-4.19-7.985"/></g></svg>

Cómo usar el icono Carbohydrates

React

import { Icon } from "@iconify/react";

<Icon icon="healthicons:carbohydrates" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="healthicons:carbohydrates" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="healthicons:carbohydrates" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--carbohydrates]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:carbohydrates"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="healthicons:carbohydrates"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/healthicons/carbohydrates.svg" alt="Icono Carbohydrates" width="24" height="24">

Iconos relacionados en Health Icons

Preguntas frecuentes sobre Icono Carbohydrates

¿El icono Carbohydrates es gratis para uso comercial?

Sí. Health Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Carbohydrates en React?

Instala @iconify/react y renderiza <Icon icon="healthicons:carbohydrates" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Carbohydrates a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/healthicons/carbohydrates.svg" alt="Icono Carbohydrates">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Health Icons →