Icono Mug Bold Duotone
solar:mug-bold-duotone
El icono Mug Bold Duotone (solar:mug-bold-duotone) es un icono SVG gratuito de la colección Solar de 480 Design. Está dibujado en una cuadrícula de 24 × 24. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Solar
- Autor
- 480 Design
- Licencia
- CC-BY-4.0
- Tamaño
- 24 × 24
- Categoría
- Comida
- Etiquetas
- mugbold, boldduotone, mugboldduotone
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M1.25 21C1.25 20.5858 1.58579 20.25 2 20.25L22 20.25C22.4142 20.25 22.75 20.5858 22.75 21C22.75 21.4142 22.4142 21.75 22 21.75L2 21.75C1.58579 21.75 1.25 21.4142 1.25 21Z" clip-rule="evenodd" opacity=".5"/><path fill-rule="evenodd" d="M3.00174 13C3 12.6878 3 12.355 3 12V7C3 5.11438 3 4.17157 3.58579 3.58579C4.17157 3 5.11438 3 7 3H13C14.8856 3 15.8284 3 16.4142 3.58579C16.649 3.82059 16.7897 4.11275 16.874 4.5H18C20.5261 4.5 22.75 6.31185 22.75 8.75C22.75 11.1882 20.5261 13 18 13H3.00174ZM16.9957 6C17 6.30037 17 6.63226 17 7V11.5H18C19.8921 11.5 21.25 10.1778 21.25 8.75C21.25 7.32216 19.8921 6 18 6H16.9957Z" clip-rule="evenodd"/><path d="M9.00021 18H11.0002C13.8286 18 15.2429 18 16.1215 17.1213C16.8899 16.3529 16.9864 15.175 16.9985 13H3.00195C3.01406 15.175 3.11051 16.3529 3.87889 17.1213C4.75757 18 6.17179 18 9.00021 18Z" opacity=".5"/></g></svg>Cómo usar el icono Mug Bold Duotone
React
import { Icon } from "@iconify/react";
<Icon icon="solar:mug-bold-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:mug-bold-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:mug-bold-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--mug-bold-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:mug-bold-duotone"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:mug-bold-duotone"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/solar/mug-bold-duotone.svg" alt="Icono Mug Bold Duotone" width="24" height="24">Iconos relacionados en Solar
Preguntas frecuentes sobre Icono Mug Bold Duotone
¿El icono Mug Bold Duotone es gratis para uso comercial?
Sí. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Mug Bold Duotone en React?
Instala @iconify/react y renderiza <Icon icon="solar:mug-bold-duotone" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Mug Bold Duotone a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/solar/mug-bold-duotone.svg" alt="Icono Mug Bold Duotone">, o pega el código SVG en línea para darle estilo con CSS.