bag 3 icon

bag-3-outline from Solar by 480 Design · Outline · Shopping · CC-BY-4.0 Attribution required.

Name
bag-3-outline
Set
Solar
Style
Outline
Category
Shopping
Viewbox
24×24
License
CC BY 4.0

5 other variants in Solar

bag-3-boldbag-3-bold-duotonebag-3-brokenbag-3-line-duotonebag-3-linear

More shopping icons from Solar

bag-2-boldbag-4-boldbag-5-boldbag-boldbag-check-boldbag-cross-boldbag-heart-boldbag-music-2-boldbag-music-boldbag-smile-boldcart-2-boldcart-3-boldcart-4-boldcart-5-boldcart-boldcart-check-boldcart-cross-boldcart-large-2-boldcart-large-3-boldcart-large-4-boldcart-large-boldcart-large-minimalistic-boldcart-plus-boldshop-2-bold

Use the bag 3 icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M8.9211 7.29287C9.31164 7.15483 9.74013 7.35953 9.87817 7.75007C10.1874 8.62497 11.0218 9.25 12.0003 9.25C12.9788 9.25 13.8133 8.62497 14.1225 7.75007C14.2605 7.35953 14.689 7.15483 15.0796 7.29287C15.4701 7.43091 15.6748 7.8594 15.5368 8.24993C15.0223 9.70541 13.6343 10.75 12.0003 10.75C10.3664 10.75 8.97835 9.70541 8.46391 8.24993C8.32587 7.8594 8.53057 7.43091 8.9211 7.29287ZM12.3607 5.5H11.6395C10.0137 5.5 8.93165 5.50267 8.11211 5.60393C7.33378 5.70009 6.97502 5.86728 6.72326 6.07623C6.47149 6.28517 6.24105 6.60698 6.00309 7.35425C5.75254 8.14109 5.5505 9.20417 5.25088 10.8021C4.8309 13.042 4.54933 14.5634 4.49931 15.7093C4.4511 16.8139 4.63619 17.2835 4.89607 17.5966C5.15595 17.9097 5.58337 18.1782 6.67789 18.3344C7.81341 18.4964 9.36063 18.5 11.6395 18.5H12.3607C14.6397 18.5 16.1869 18.4964 17.3224 18.3344C18.4169 18.1782 18.8443 17.9097 19.1042 17.5966C19.3641 17.2835 19.5492 16.8139 19.501 15.7093C19.451 14.5634 19.1694 13.042 18.7494 10.8021C18.4498 9.20417 18.2477 8.14109 17.9972 7.35425C17.7592 6.60698 17.5288 6.28517 17.277 6.07623C17.0253 5.86728 16.6665 5.70009 15.8882 5.60393C15.0686 5.50267 13.9865 5.5 12.3607 5.5ZM5.7653 4.92196C4.65441 5.84393 4.36179 7.40452 3.77657 10.5257C2.95365 14.9146 2.54219 17.1091 3.74181 18.5545C4.94143 20 7.17414 20 11.6395 20H12.3607C16.8261 20 19.0588 20 20.2585 18.5545C21.4581 17.1091 21.0466 14.9146 20.2237 10.5257C19.6385 7.40452 19.3459 5.84393 18.235 4.92196C17.1241 4 15.5363 4 12.3607 4H11.6395C8.46398 4 6.8762 4 5.7653 4.92196Z" clip-rule="evenodd"/></svg>

React

import type { SVGProps } from "react";

export function SolarBag3Outline(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M8.9211 7.29287C9.31164 7.15483 9.74013 7.35953 9.87817 7.75007C10.1874 8.62497 11.0218 9.25 12.0003 9.25C12.9788 9.25 13.8133 8.62497 14.1225 7.75007C14.2605 7.35953 14.689 7.15483 15.0796 7.29287C15.4701 7.43091 15.6748 7.8594 15.5368 8.24993C15.0223 9.70541 13.6343 10.75 12.0003 10.75C10.3664 10.75 8.97835 9.70541 8.46391 8.24993C8.32587 7.8594 8.53057 7.43091 8.9211 7.29287ZM12.3607 5.5H11.6395C10.0137 5.5 8.93165 5.50267 8.11211 5.60393C7.33378 5.70009 6.97502 5.86728 6.72326 6.07623C6.47149 6.28517 6.24105 6.60698 6.00309 7.35425C5.75254 8.14109 5.5505 9.20417 5.25088 10.8021C4.8309 13.042 4.54933 14.5634 4.49931 15.7093C4.4511 16.8139 4.63619 17.2835 4.89607 17.5966C5.15595 17.9097 5.58337 18.1782 6.67789 18.3344C7.81341 18.4964 9.36063 18.5 11.6395 18.5H12.3607C14.6397 18.5 16.1869 18.4964 17.3224 18.3344C18.4169 18.1782 18.8443 17.9097 19.1042 17.5966C19.3641 17.2835 19.5492 16.8139 19.501 15.7093C19.451 14.5634 19.1694 13.042 18.7494 10.8021C18.4498 9.20417 18.2477 8.14109 17.9972 7.35425C17.7592 6.60698 17.5288 6.28517 17.277 6.07623C17.0253 5.86728 16.6665 5.70009 15.8882 5.60393C15.0686 5.50267 13.9865 5.5 12.3607 5.5ZM5.7653 4.92196C4.65441 5.84393 4.36179 7.40452 3.77657 10.5257C2.95365 14.9146 2.54219 17.1091 3.74181 18.5545C4.94143 20 7.17414 20 11.6395 20H12.3607C16.8261 20 19.0588 20 20.2585 18.5545C21.4581 17.1091 21.0466 14.9146 20.2237 10.5257C19.6385 7.40452 19.3459 5.84393 18.235 4.92196C17.1241 4 15.5363 4 12.3607 4H11.6395C8.46398 4 6.8762 4 5.7653 4.92196Z" clipRule="evenodd"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M8.9211 7.29287C9.31164 7.15483 9.74013 7.35953 9.87817 7.75007C10.1874 8.62497 11.0218 9.25 12.0003 9.25C12.9788 9.25 13.8133 8.62497 14.1225 7.75007C14.2605 7.35953 14.689 7.15483 15.0796 7.29287C15.4701 7.43091 15.6748 7.8594 15.5368 8.24993C15.0223 9.70541 13.6343 10.75 12.0003 10.75C10.3664 10.75 8.97835 9.70541 8.46391 8.24993C8.32587 7.8594 8.53057 7.43091 8.9211 7.29287ZM12.3607 5.5H11.6395C10.0137 5.5 8.93165 5.50267 8.11211 5.60393C7.33378 5.70009 6.97502 5.86728 6.72326 6.07623C6.47149 6.28517 6.24105 6.60698 6.00309 7.35425C5.75254 8.14109 5.5505 9.20417 5.25088 10.8021C4.8309 13.042 4.54933 14.5634 4.49931 15.7093C4.4511 16.8139 4.63619 17.2835 4.89607 17.5966C5.15595 17.9097 5.58337 18.1782 6.67789 18.3344C7.81341 18.4964 9.36063 18.5 11.6395 18.5H12.3607C14.6397 18.5 16.1869 18.4964 17.3224 18.3344C18.4169 18.1782 18.8443 17.9097 19.1042 17.5966C19.3641 17.2835 19.5492 16.8139 19.501 15.7093C19.451 14.5634 19.1694 13.042 18.7494 10.8021C18.4498 9.20417 18.2477 8.14109 17.9972 7.35425C17.7592 6.60698 17.5288 6.28517 17.277 6.07623C17.0253 5.86728 16.6665 5.70009 15.8882 5.60393C15.0686 5.50267 13.9865 5.5 12.3607 5.5ZM5.7653 4.92196C4.65441 5.84393 4.36179 7.40452 3.77657 10.5257C2.95365 14.9146 2.54219 17.1091 3.74181 18.5545C4.94143 20 7.17414 20 11.6395 20H12.3607C16.8261 20 19.0588 20 20.2585 18.5545C21.4581 17.1091 21.0466 14.9146 20.2237 10.5257C19.6385 7.40452 19.3459 5.84393 18.235 4.92196C17.1241 4 15.5363 4 12.3607 4H11.6395C8.46398 4 6.8762 4 5.7653 4.92196Z" clip-rule="evenodd"/></svg>
</template>

CSS

.icon-bag-3-outline {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M8.9211%207.29287C9.31164%207.15483%209.74013%207.35953%209.87817%207.75007C10.1874%208.62497%2011.0218%209.25%2012.0003%209.25C12.9788%209.25%2013.8133%208.62497%2014.1225%207.75007C14.2605%207.35953%2014.689%207.15483%2015.0796%207.29287C15.4701%207.43091%2015.6748%207.8594%2015.5368%208.24993C15.0223%209.70541%2013.6343%2010.75%2012.0003%2010.75C10.3664%2010.75%208.97835%209.70541%208.46391%208.24993C8.32587%207.8594%208.53057%207.43091%208.9211%207.29287ZM12.3607%205.5H11.6395C10.0137%205.5%208.93165%205.50267%208.11211%205.60393C7.33378%205.70009%206.97502%205.86728%206.72326%206.07623C6.47149%206.28517%206.24105%206.60698%206.00309%207.35425C5.75254%208.14109%205.5505%209.20417%205.25088%2010.8021C4.8309%2013.042%204.54933%2014.5634%204.49931%2015.7093C4.4511%2016.8139%204.63619%2017.2835%204.89607%2017.5966C5.15595%2017.9097%205.58337%2018.1782%206.67789%2018.3344C7.81341%2018.4964%209.36063%2018.5%2011.6395%2018.5H12.3607C14.6397%2018.5%2016.1869%2018.4964%2017.3224%2018.3344C18.4169%2018.1782%2018.8443%2017.9097%2019.1042%2017.5966C19.3641%2017.2835%2019.5492%2016.8139%2019.501%2015.7093C19.451%2014.5634%2019.1694%2013.042%2018.7494%2010.8021C18.4498%209.20417%2018.2477%208.14109%2017.9972%207.35425C17.7592%206.60698%2017.5288%206.28517%2017.277%206.07623C17.0253%205.86728%2016.6665%205.70009%2015.8882%205.60393C15.0686%205.50267%2013.9865%205.5%2012.3607%205.5ZM5.7653%204.92196C4.65441%205.84393%204.36179%207.40452%203.77657%2010.5257C2.95365%2014.9146%202.54219%2017.1091%203.74181%2018.5545C4.94143%2020%207.17414%2020%2011.6395%2020H12.3607C16.8261%2020%2019.0588%2020%2020.2585%2018.5545C21.4581%2017.1091%2021.0466%2014.9146%2020.2237%2010.5257C19.6385%207.40452%2019.3459%205.84393%2018.235%204.92196C17.1241%204%2015.5363%204%2012.3607%204H11.6395C8.46398%204%206.8762%204%205.7653%204.92196Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M8.9211%207.29287C9.31164%207.15483%209.74013%207.35953%209.87817%207.75007C10.1874%208.62497%2011.0218%209.25%2012.0003%209.25C12.9788%209.25%2013.8133%208.62497%2014.1225%207.75007C14.2605%207.35953%2014.689%207.15483%2015.0796%207.29287C15.4701%207.43091%2015.6748%207.8594%2015.5368%208.24993C15.0223%209.70541%2013.6343%2010.75%2012.0003%2010.75C10.3664%2010.75%208.97835%209.70541%208.46391%208.24993C8.32587%207.8594%208.53057%207.43091%208.9211%207.29287ZM12.3607%205.5H11.6395C10.0137%205.5%208.93165%205.50267%208.11211%205.60393C7.33378%205.70009%206.97502%205.86728%206.72326%206.07623C6.47149%206.28517%206.24105%206.60698%206.00309%207.35425C5.75254%208.14109%205.5505%209.20417%205.25088%2010.8021C4.8309%2013.042%204.54933%2014.5634%204.49931%2015.7093C4.4511%2016.8139%204.63619%2017.2835%204.89607%2017.5966C5.15595%2017.9097%205.58337%2018.1782%206.67789%2018.3344C7.81341%2018.4964%209.36063%2018.5%2011.6395%2018.5H12.3607C14.6397%2018.5%2016.1869%2018.4964%2017.3224%2018.3344C18.4169%2018.1782%2018.8443%2017.9097%2019.1042%2017.5966C19.3641%2017.2835%2019.5492%2016.8139%2019.501%2015.7093C19.451%2014.5634%2019.1694%2013.042%2018.7494%2010.8021C18.4498%209.20417%2018.2477%208.14109%2017.9972%207.35425C17.7592%206.60698%2017.5288%206.28517%2017.277%206.07623C17.0253%205.86728%2016.6665%205.70009%2015.8882%205.60393C15.0686%205.50267%2013.9865%205.5%2012.3607%205.5ZM5.7653%204.92196C4.65441%205.84393%204.36179%207.40452%203.77657%2010.5257C2.95365%2014.9146%202.54219%2017.1091%203.74181%2018.5545C4.94143%2020%207.17414%2020%2011.6395%2020H12.3607C16.8261%2020%2019.0588%2020%2020.2585%2018.5545C21.4581%2017.1091%2021.0466%2014.9146%2020.2237%2010.5257C19.6385%207.40452%2019.3459%205.84393%2018.235%204.92196C17.1241%204%2015.5363%204%2012.3607%204H11.6395C8.46398%204%206.8762%204%205.7653%204.92196Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/bag-3-outline.svg?color=%231a73e8&size=48