Icono Bag Smile Bold Duotone
solar:bag-smile-bold-duotone
El icono Bag Smile Bold Duotone (solar:bag-smile-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
- Compras
- Etiquetas
- bagsmile, smilebold, boldduotone, bagsmileboldduotone
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M4.0828 11.8943C4.52171 9.55339 4.74117 8.38295 5.57434 7.69147C6.40752 7 7.59835 7 9.98003 7H14.0209C16.4026 7 17.5934 7 18.4266 7.69147C19.2598 8.38295 19.4792 9.55339 19.9181 11.8943L20.6681 15.8943C21.2853 19.186 21.5939 20.8318 20.6942 21.9159C19.7945 23 18.12 23 14.7709 23H9.23003C5.88097 23 4.20644 23 3.30672 21.9159C2.40701 20.8318 2.7156 19.186 3.3328 15.8943L4.0828 11.8943Z" opacity=".5"/><path d="M9.75 5.98506C9.75 4.74242 10.7574 3.73506 12 3.73506C13.2426 3.73506 14.25 4.74242 14.25 5.98506V6.98506C14.816 6.98524 15.3119 6.9868 15.7499 6.99994C15.75 6.99499 15.75 6.99003 15.75 6.98506V5.98506C15.75 3.91399 14.0711 2.23506 12 2.23506C9.92893 2.23506 8.25 3.91399 8.25 5.98506V6.98506C8.25 6.99004 8.25005 6.99501 8.25015 6.99997C8.68814 6.98681 9.18397 6.98527 9.75 6.98508V5.98506Z"/><path d="M9.87823 15.75C10.1875 16.6249 11.0219 17.25 12.0004 17.25C12.9789 17.25 13.8133 16.6249 14.1226 15.75C14.2606 15.3595 14.6891 15.1548 15.0796 15.2928C15.4702 15.4309 15.6749 15.8594 15.5368 16.2499C15.0224 17.7054 13.6343 18.75 12.0004 18.75C10.3665 18.75 8.97841 17.7054 8.46397 16.2499C8.32594 15.8594 8.53063 15.4309 8.92117 15.2928C9.31171 15.1548 9.7402 15.3595 9.87823 15.75Z"/></g></svg>
Cómo usar el icono Bag Smile Bold Duotone
React
import { Icon } from "@iconify/react";
<Icon icon="solar:bag-smile-bold-duotone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:bag-smile-bold-duotone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:bag-smile-bold-duotone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--bag-smile-bold-duotone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:bag-smile-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:bag-smile-bold-duotone"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/solar/bag-smile-bold-duotone.svg" alt="Icono Bag Smile Bold Duotone" width="24" height="24">
Iconos relacionados en Solar
Preguntas frecuentes sobre Icono Bag Smile Bold Duotone
¿El icono Bag Smile 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 Bag Smile Bold Duotone en React?
Instala @iconify/react y renderiza <Icon icon="solar:bag-smile-bold-duotone" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Bag Smile 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/bag-smile-bold-duotone.svg" alt="Icono Bag Smile Bold Duotone">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Solar →
