bag cross icon
bag-cross-linear from Solar by 480 Design · Linear · Shopping · CC-BY-4.0 Attribution required.
- Name
- bag-cross-linear
- Set
- Solar
- Style
- Linear
- Category
- Shopping
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
More shopping icons from Solar
bag-2-boldbag-3-boldbag-4-boldbag-5-boldbag-boldbag-check-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 cross icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M3.74181 20.5545C3.74181 20.5545 3.74181 20.5545 3.74181 20.5545C4.94143 22 7.17414 22 11.6395 22H12.3607C16.8261 22 19.0589 22 20.2585 20.5545M3.74181 20.5545C2.54219 19.1091 2.95365 16.9146 3.77657 12.5257C4.36179 9.40452 4.65441 7.84393 5.7653 6.92196M20.2585 20.5545C20.2585 20.5545 20.2585 20.5545 20.2585 20.5545C21.4581 19.1091 21.0466 16.9146 20.2237 12.5257C19.6385 9.40452 19.3459 7.84393 18.235 6.92196M18.235 6.92196C18.235 6.92196 18.235 6.92196 18.235 6.92196C17.1241 6 15.5363 6 12.3607 6H11.6395C8.46398 6 6.8762 6 5.7653 6.92196C5.7653 6.92196 5.7653 6.92196 5.7653 6.92196"/><path stroke-linecap="round" d="M14 12L10 16M9.99998 12L14 16"/><path stroke-linecap="round" d="M9 6V5C9 3.34315 10.3431 2 12 2C13.6569 2 15 3.34315 15 5V6"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarBagCrossLinear(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path d="M3.74181 20.5545C3.74181 20.5545 3.74181 20.5545 3.74181 20.5545C4.94143 22 7.17414 22 11.6395 22H12.3607C16.8261 22 19.0589 22 20.2585 20.5545M3.74181 20.5545C2.54219 19.1091 2.95365 16.9146 3.77657 12.5257C4.36179 9.40452 4.65441 7.84393 5.7653 6.92196M20.2585 20.5545C20.2585 20.5545 20.2585 20.5545 20.2585 20.5545C21.4581 19.1091 21.0466 16.9146 20.2237 12.5257C19.6385 9.40452 19.3459 7.84393 18.235 6.92196M18.235 6.92196C18.235 6.92196 18.235 6.92196 18.235 6.92196C17.1241 6 15.5363 6 12.3607 6H11.6395C8.46398 6 6.8762 6 5.7653 6.92196C5.7653 6.92196 5.7653 6.92196 5.7653 6.92196"/><path strokeLinecap="round" d="M14 12L10 16M9.99998 12L14 16"/><path strokeLinecap="round" d="M9 6V5C9 3.34315 10.3431 2 12 2C13.6569 2 15 3.34315 15 5V6"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M3.74181 20.5545C3.74181 20.5545 3.74181 20.5545 3.74181 20.5545C4.94143 22 7.17414 22 11.6395 22H12.3607C16.8261 22 19.0589 22 20.2585 20.5545M3.74181 20.5545C2.54219 19.1091 2.95365 16.9146 3.77657 12.5257C4.36179 9.40452 4.65441 7.84393 5.7653 6.92196M20.2585 20.5545C20.2585 20.5545 20.2585 20.5545 20.2585 20.5545C21.4581 19.1091 21.0466 16.9146 20.2237 12.5257C19.6385 9.40452 19.3459 7.84393 18.235 6.92196M18.235 6.92196C18.235 6.92196 18.235 6.92196 18.235 6.92196C17.1241 6 15.5363 6 12.3607 6H11.6395C8.46398 6 6.8762 6 5.7653 6.92196C5.7653 6.92196 5.7653 6.92196 5.7653 6.92196"/><path stroke-linecap="round" d="M14 12L10 16M9.99998 12L14 16"/><path stroke-linecap="round" d="M9 6V5C9 3.34315 10.3431 2 12 2C13.6569 2 15 3.34315 15 5V6"/></g></svg> </template>
CSS
.icon-bag-cross-linear {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M3.74181%2020.5545C3.74181%2020.5545%203.74181%2020.5545%203.74181%2020.5545C4.94143%2022%207.17414%2022%2011.6395%2022H12.3607C16.8261%2022%2019.0589%2022%2020.2585%2020.5545M3.74181%2020.5545C2.54219%2019.1091%202.95365%2016.9146%203.77657%2012.5257C4.36179%209.40452%204.65441%207.84393%205.7653%206.92196M20.2585%2020.5545C20.2585%2020.5545%2020.2585%2020.5545%2020.2585%2020.5545C21.4581%2019.1091%2021.0466%2016.9146%2020.2237%2012.5257C19.6385%209.40452%2019.3459%207.84393%2018.235%206.92196M18.235%206.92196C18.235%206.92196%2018.235%206.92196%2018.235%206.92196C17.1241%206%2015.5363%206%2012.3607%206H11.6395C8.46398%206%206.8762%206%205.7653%206.92196C5.7653%206.92196%205.7653%206.92196%205.7653%206.92196%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M14%2012L10%2016M9.99998%2012L14%2016%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M9%206V5C9%203.34315%2010.3431%202%2012%202C13.6569%202%2015%203.34315%2015%205V6%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M3.74181%2020.5545C3.74181%2020.5545%203.74181%2020.5545%203.74181%2020.5545C4.94143%2022%207.17414%2022%2011.6395%2022H12.3607C16.8261%2022%2019.0589%2022%2020.2585%2020.5545M3.74181%2020.5545C2.54219%2019.1091%202.95365%2016.9146%203.77657%2012.5257C4.36179%209.40452%204.65441%207.84393%205.7653%206.92196M20.2585%2020.5545C20.2585%2020.5545%2020.2585%2020.5545%2020.2585%2020.5545C21.4581%2019.1091%2021.0466%2016.9146%2020.2237%2012.5257C19.6385%209.40452%2019.3459%207.84393%2018.235%206.92196M18.235%206.92196C18.235%206.92196%2018.235%206.92196%2018.235%206.92196C17.1241%206%2015.5363%206%2012.3607%206H11.6395C8.46398%206%206.8762%206%205.7653%206.92196C5.7653%206.92196%205.7653%206.92196%205.7653%206.92196%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M14%2012L10%2016M9.99998%2012L14%2016%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M9%206V5C9%203.34315%2010.3431%202%2012%202C13.6569%202%2015%203.34315%2015%205V6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/bag-cross-linear.svg?color=%231a73e8&size=48
