bag cross icon
bag-cross-filled from Reicon by REICON · Filled · Newicons · MIT Free for personal and commercial use.
- Name
- bag-cross-filled
- Set
- Reicon
- Style
- Filled
- Category
- Newicons
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
More newicons icons from Reicon
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="currentColor"><path d="M19.96 8.958c-.67-.74-1.68-1.17-3.08-1.32v-.76c0-1.37-.58-2.69-1.6-3.61a4.85 4.85 0 0 0-3.76-1.25c-2.39.23-4.4 2.54-4.4 5.04v.58c-1.4.15-2.41.58-3.08 1.32c-.97 1.08-.94 2.52-.83 3.52l.7 5.57c.21 1.95 1 3.95 5.3 3.95h5.58c4.3 0 5.09-2 5.3-3.94l.7-5.59c.11-.99.14-2.43-.83-3.51m-8.3-5.55a3.48 3.48 0 0 1 3.83 3.47v.7H8.51v-.52c0-1.78 1.47-3.49 3.15-3.65m.34 15.17c-2.09 0-3.79-1.7-3.79-3.79s1.7-3.79 3.79-3.79s3.79 1.7 3.79 3.79s-1.7 3.79-3.79 3.79"/><path d="m13.6 15.31l-.53-.53l.5-.5c.29-.29.29-.77 0-1.06a.754.754 0 0 0-1.06 0l-.5.5l-.53-.53a.754.754 0 0 0-1.06 0c-.29.29-.29.77 0 1.06l.53.53l-.55.55c-.29.29-.29.77 0 1.06c.15.15.34.22.53.22s.38-.07.53-.22l.55-.55l.53.53c.15.15.34.22.53.22s.38-.07.53-.22c.29-.29.29-.76 0-1.06"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconBagCrossFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M19.96 8.958c-.67-.74-1.68-1.17-3.08-1.32v-.76c0-1.37-.58-2.69-1.6-3.61a4.85 4.85 0 0 0-3.76-1.25c-2.39.23-4.4 2.54-4.4 5.04v.58c-1.4.15-2.41.58-3.08 1.32c-.97 1.08-.94 2.52-.83 3.52l.7 5.57c.21 1.95 1 3.95 5.3 3.95h5.58c4.3 0 5.09-2 5.3-3.94l.7-5.59c.11-.99.14-2.43-.83-3.51m-8.3-5.55a3.48 3.48 0 0 1 3.83 3.47v.7H8.51v-.52c0-1.78 1.47-3.49 3.15-3.65m.34 15.17c-2.09 0-3.79-1.7-3.79-3.79s1.7-3.79 3.79-3.79s3.79 1.7 3.79 3.79s-1.7 3.79-3.79 3.79"/><path d="m13.6 15.31l-.53-.53l.5-.5c.29-.29.29-.77 0-1.06a.754.754 0 0 0-1.06 0l-.5.5l-.53-.53a.754.754 0 0 0-1.06 0c-.29.29-.29.77 0 1.06l.53.53l-.55.55c-.29.29-.29.77 0 1.06c.15.15.34.22.53.22s.38-.07.53-.22l.55-.55l.53.53c.15.15.34.22.53.22s.38-.07.53-.22c.29-.29.29-.76 0-1.06"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M19.96 8.958c-.67-.74-1.68-1.17-3.08-1.32v-.76c0-1.37-.58-2.69-1.6-3.61a4.85 4.85 0 0 0-3.76-1.25c-2.39.23-4.4 2.54-4.4 5.04v.58c-1.4.15-2.41.58-3.08 1.32c-.97 1.08-.94 2.52-.83 3.52l.7 5.57c.21 1.95 1 3.95 5.3 3.95h5.58c4.3 0 5.09-2 5.3-3.94l.7-5.59c.11-.99.14-2.43-.83-3.51m-8.3-5.55a3.48 3.48 0 0 1 3.83 3.47v.7H8.51v-.52c0-1.78 1.47-3.49 3.15-3.65m.34 15.17c-2.09 0-3.79-1.7-3.79-3.79s1.7-3.79 3.79-3.79s3.79 1.7 3.79 3.79s-1.7 3.79-3.79 3.79"/><path d="m13.6 15.31l-.53-.53l.5-.5c.29-.29.29-.77 0-1.06a.754.754 0 0 0-1.06 0l-.5.5l-.53-.53a.754.754 0 0 0-1.06 0c-.29.29-.29.77 0 1.06l.53.53l-.55.55c-.29.29-.29.77 0 1.06c.15.15.34.22.53.22s.38-.07.53-.22l.55-.55l.53.53c.15.15.34.22.53.22s.38-.07.53-.22c.29-.29.29-.76 0-1.06"/></g></svg> </template>
CSS
.icon-bag-cross-filled {
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%22currentColor%22%3E%3Cpath%20d%3D%22M19.96%208.958c-.67-.74-1.68-1.17-3.08-1.32v-.76c0-1.37-.58-2.69-1.6-3.61a4.85%204.85%200%200%200-3.76-1.25c-2.39.23-4.4%202.54-4.4%205.04v.58c-1.4.15-2.41.58-3.08%201.32c-.97%201.08-.94%202.52-.83%203.52l.7%205.57c.21%201.95%201%203.95%205.3%203.95h5.58c4.3%200%205.09-2%205.3-3.94l.7-5.59c.11-.99.14-2.43-.83-3.51m-8.3-5.55a3.48%203.48%200%200%201%203.83%203.47v.7H8.51v-.52c0-1.78%201.47-3.49%203.15-3.65m.34%2015.17c-2.09%200-3.79-1.7-3.79-3.79s1.7-3.79%203.79-3.79s3.79%201.7%203.79%203.79s-1.7%203.79-3.79%203.79%22%2F%3E%3Cpath%20d%3D%22m13.6%2015.31l-.53-.53l.5-.5c.29-.29.29-.77%200-1.06a.754.754%200%200%200-1.06%200l-.5.5l-.53-.53a.754.754%200%200%200-1.06%200c-.29.29-.29.77%200%201.06l.53.53l-.55.55c-.29.29-.29.77%200%201.06c.15.15.34.22.53.22s.38-.07.53-.22l.55-.55l.53.53c.15.15.34.22.53.22s.38-.07.53-.22c.29-.29.29-.76%200-1.06%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%22currentColor%22%3E%3Cpath%20d%3D%22M19.96%208.958c-.67-.74-1.68-1.17-3.08-1.32v-.76c0-1.37-.58-2.69-1.6-3.61a4.85%204.85%200%200%200-3.76-1.25c-2.39.23-4.4%202.54-4.4%205.04v.58c-1.4.15-2.41.58-3.08%201.32c-.97%201.08-.94%202.52-.83%203.52l.7%205.57c.21%201.95%201%203.95%205.3%203.95h5.58c4.3%200%205.09-2%205.3-3.94l.7-5.59c.11-.99.14-2.43-.83-3.51m-8.3-5.55a3.48%203.48%200%200%201%203.83%203.47v.7H8.51v-.52c0-1.78%201.47-3.49%203.15-3.65m.34%2015.17c-2.09%200-3.79-1.7-3.79-3.79s1.7-3.79%203.79-3.79s3.79%201.7%203.79%203.79s-1.7%203.79-3.79%203.79%22%2F%3E%3Cpath%20d%3D%22m13.6%2015.31l-.53-.53l.5-.5c.29-.29.29-.77%200-1.06a.754.754%200%200%200-1.06%200l-.5.5l-.53-.53a.754.754%200%200%200-1.06%200c-.29.29-.29.77%200%201.06l.53.53l-.55.55c-.29.29-.29.77%200%201.06c.15.15.34.22.53.22s.38-.07.53-.22l.55-.55l.53.53c.15.15.34.22.53.22s.38-.07.53-.22c.29-.29.29-.76%200-1.06%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/bag-cross-filled.svg?color=%231a73e8&size=48
