bag 3 icon
bag-3-bold from Solar by 480 Design · Bold · Shopping · CC-BY-4.0 Attribution required.
- Name
- bag-3-bold
- Set
- Solar
- Style
- Bold
- Category
- Shopping
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
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="M5.57386 4.69147C4.74068 5.38295 4.52122 6.55339 4.08231 8.89427L3.33231 12.8943C2.71512 16.186 2.40652 17.8318 3.30624 18.9159C4.20595 20 5.88048 20 9.22954 20H14.7704C18.1195 20 19.794 20 20.6937 18.9159C21.5934 17.8318 21.2849 16.186 20.6677 12.8943L19.9177 8.89427C19.4787 6.55339 19.2593 5.38295 18.4261 4.69147C17.5929 4 16.4021 4 14.0204 4H9.97954C7.59787 4 6.40703 4 5.57386 4.69147ZM9.87822 7.75007C10.1875 8.62497 11.0219 9.25 12.0004 9.25C12.9789 9.25 13.8133 8.62497 14.1225 7.75007C14.2606 7.35953 14.6891 7.15483 15.0796 7.29287C15.4701 7.43091 15.6748 7.8594 15.5368 8.24993C15.0224 9.70541 13.6343 10.75 12.0004 10.75C10.3664 10.75 8.97839 9.70541 8.46396 8.24993C8.32592 7.8594 8.53061 7.43091 8.92115 7.29287C9.31169 7.15483 9.74018 7.35953 9.87822 7.75007Z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function SolarBag3Bold(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="M5.57386 4.69147C4.74068 5.38295 4.52122 6.55339 4.08231 8.89427L3.33231 12.8943C2.71512 16.186 2.40652 17.8318 3.30624 18.9159C4.20595 20 5.88048 20 9.22954 20H14.7704C18.1195 20 19.794 20 20.6937 18.9159C21.5934 17.8318 21.2849 16.186 20.6677 12.8943L19.9177 8.89427C19.4787 6.55339 19.2593 5.38295 18.4261 4.69147C17.5929 4 16.4021 4 14.0204 4H9.97954C7.59787 4 6.40703 4 5.57386 4.69147ZM9.87822 7.75007C10.1875 8.62497 11.0219 9.25 12.0004 9.25C12.9789 9.25 13.8133 8.62497 14.1225 7.75007C14.2606 7.35953 14.6891 7.15483 15.0796 7.29287C15.4701 7.43091 15.6748 7.8594 15.5368 8.24993C15.0224 9.70541 13.6343 10.75 12.0004 10.75C10.3664 10.75 8.97839 9.70541 8.46396 8.24993C8.32592 7.8594 8.53061 7.43091 8.92115 7.29287C9.31169 7.15483 9.74018 7.35953 9.87822 7.75007Z" 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="M5.57386 4.69147C4.74068 5.38295 4.52122 6.55339 4.08231 8.89427L3.33231 12.8943C2.71512 16.186 2.40652 17.8318 3.30624 18.9159C4.20595 20 5.88048 20 9.22954 20H14.7704C18.1195 20 19.794 20 20.6937 18.9159C21.5934 17.8318 21.2849 16.186 20.6677 12.8943L19.9177 8.89427C19.4787 6.55339 19.2593 5.38295 18.4261 4.69147C17.5929 4 16.4021 4 14.0204 4H9.97954C7.59787 4 6.40703 4 5.57386 4.69147ZM9.87822 7.75007C10.1875 8.62497 11.0219 9.25 12.0004 9.25C12.9789 9.25 13.8133 8.62497 14.1225 7.75007C14.2606 7.35953 14.6891 7.15483 15.0796 7.29287C15.4701 7.43091 15.6748 7.8594 15.5368 8.24993C15.0224 9.70541 13.6343 10.75 12.0004 10.75C10.3664 10.75 8.97839 9.70541 8.46396 8.24993C8.32592 7.8594 8.53061 7.43091 8.92115 7.29287C9.31169 7.15483 9.74018 7.35953 9.87822 7.75007Z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-bag-3-bold {
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%22M5.57386%204.69147C4.74068%205.38295%204.52122%206.55339%204.08231%208.89427L3.33231%2012.8943C2.71512%2016.186%202.40652%2017.8318%203.30624%2018.9159C4.20595%2020%205.88048%2020%209.22954%2020H14.7704C18.1195%2020%2019.794%2020%2020.6937%2018.9159C21.5934%2017.8318%2021.2849%2016.186%2020.6677%2012.8943L19.9177%208.89427C19.4787%206.55339%2019.2593%205.38295%2018.4261%204.69147C17.5929%204%2016.4021%204%2014.0204%204H9.97954C7.59787%204%206.40703%204%205.57386%204.69147ZM9.87822%207.75007C10.1875%208.62497%2011.0219%209.25%2012.0004%209.25C12.9789%209.25%2013.8133%208.62497%2014.1225%207.75007C14.2606%207.35953%2014.6891%207.15483%2015.0796%207.29287C15.4701%207.43091%2015.6748%207.8594%2015.5368%208.24993C15.0224%209.70541%2013.6343%2010.75%2012.0004%2010.75C10.3664%2010.75%208.97839%209.70541%208.46396%208.24993C8.32592%207.8594%208.53061%207.43091%208.92115%207.29287C9.31169%207.15483%209.74018%207.35953%209.87822%207.75007Z%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%22M5.57386%204.69147C4.74068%205.38295%204.52122%206.55339%204.08231%208.89427L3.33231%2012.8943C2.71512%2016.186%202.40652%2017.8318%203.30624%2018.9159C4.20595%2020%205.88048%2020%209.22954%2020H14.7704C18.1195%2020%2019.794%2020%2020.6937%2018.9159C21.5934%2017.8318%2021.2849%2016.186%2020.6677%2012.8943L19.9177%208.89427C19.4787%206.55339%2019.2593%205.38295%2018.4261%204.69147C17.5929%204%2016.4021%204%2014.0204%204H9.97954C7.59787%204%206.40703%204%205.57386%204.69147ZM9.87822%207.75007C10.1875%208.62497%2011.0219%209.25%2012.0004%209.25C12.9789%209.25%2013.8133%208.62497%2014.1225%207.75007C14.2606%207.35953%2014.6891%207.15483%2015.0796%207.29287C15.4701%207.43091%2015.6748%207.8594%2015.5368%208.24993C15.0224%209.70541%2013.6343%2010.75%2012.0004%2010.75C10.3664%2010.75%208.97839%209.70541%208.46396%208.24993C8.32592%207.8594%208.53061%207.43091%208.92115%207.29287C9.31169%207.15483%209.74018%207.35953%209.87822%207.75007Z%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-bold.svg?color=%231a73e8&size=48
