Bag Smile Bold Duotone icon

solar:bag-smile-bold-duotone

The Bag Smile Bold Duotone icon (solar:bag-smile-bold-duotone) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: Shopping
Tags: bagsmile, smilebold, boldduotone, bagsmileboldduotone

Download SVG

SVG code

<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>

How to use the Bag Smile Bold Duotone icon

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>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/bag-smile-bold-duotone.svg" alt="Bag Smile Bold Duotone icon" width="24" height="24">

Related icons in Solar

Bag Smile Bold Duotone icon FAQ

Is the Bag Smile Bold Duotone icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Bag Smile Bold Duotone icon in React?

Install @iconify/react and render <Icon icon="solar:bag-smile-bold-duotone" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Bag Smile Bold Duotone icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/bag-smile-bold-duotone.svg" alt="Bag Smile Bold Duotone icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →