Icono Medicine Syrup
hugeicons:medicine-syrup
El icono Medicine Syrup (hugeicons:medicine-syrup) es un icono SVG gratuito de la colección Huge Icons de Hugeicons. Está dibujado en una cuadrícula de 24 × 24. Huge 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
- Huge Icons
- Autor
- Hugeicons
- Licencia
- MIT
- Tamaño
- 24 × 24
- Etiquetas
- medicinesyrup
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linejoin="round" d="M9.5 15.75C9.5 17.407 10.75 18 12 18s2.5-.593 2.5-2.25S12 12 12 12s-2.5 2.093-2.5 3.75Z"/><path d="M9.068 2h5.864c.92 0 1.382 0 1.668.293c.533.546.533 2.868 0 3.414C16.313 6 15.853 6 14.932 6H9.068c-.92 0-1.381 0-1.668-.293c-.533-.546-.533-2.868 0-3.414C7.686 2 8.147 2 9.068 2ZM8 6a7 7 0 0 1 .306.656a3 3 0 0 1-.23 2.542a7 7 0 0 1-.418.59l-.403.539c-.45.6-.675.9-.838 1.229a4 4 0 0 0-.35 1.05C6 12.965 6 13.34 6 14.092V16c0 2.828 0 4.243.879 5.121C7.757 22 9.172 22 12 22s4.243 0 5.121-.879C18 20.243 18 18.828 18 16v-1.908c0-.75 0-1.126-.067-1.487a4 4 0 0 0-.35-1.05c-.163-.328-.388-.628-.838-1.228l-.403-.538a7 7 0 0 1-.419-.59a3 3 0 0 1-.23-2.543c.06-.161.142-.326.307-.656"/></g></svg>Cómo usar el icono Medicine Syrup
React
import { Icon } from "@iconify/react";
<Icon icon="hugeicons:medicine-syrup" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="hugeicons:medicine-syrup" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="hugeicons:medicine-syrup" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--medicine-syrup]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:medicine-syrup"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="hugeicons:medicine-syrup"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/hugeicons/medicine-syrup.svg" alt="Icono Medicine Syrup" width="24" height="24">Iconos relacionados en Huge Icons
El icono Medicine Syrup en otras colecciones
Preguntas frecuentes sobre Icono Medicine Syrup
¿El icono Medicine Syrup es gratis para uso comercial?
Sí. Huge Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Medicine Syrup en React?
Instala @iconify/react y renderiza <Icon icon="hugeicons:medicine-syrup" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Medicine Syrup a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/hugeicons/medicine-syrup.svg" alt="Icono Medicine Syrup">, o pega el código SVG en línea para darle estilo con CSS.