paper bag icon
paper-bag-fill from Keyline Icons by Keyline Icons · Fill · MIT Free for personal and commercial use.
- Name
- paper-bag-fill
- Set
- Keyline Icons
- Style
- Fill
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
Use the paper bag 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="M2 20L2 4C2 2.8954 2.8954 2 4 2C4.7573 2 5.4942 2.2456 6.1 2.7C6.3596 2.8947 6.6754 3 7 3C7.3246 3 7.6404 2.8947 7.9 2.7C8.5058 2.2456 9.2427 2 10 2C10.7573 2 11.4942 2.2456 12.1 2.7C12.3596 2.8947 12.6754 3 13 3C13.3246 3 13.6404 2.8947 13.9 2.7C14.5058 2.2456 15.2427 2 16 2C17.0483 2 17.9188 2.8095 17.9947 3.8551L21.9394 19.5114C21.9796 19.6711 22 19.8352 22 20C22 21.1046 21.1046 22 20 22L4 22C2.8954 22 2 21.1046 2 20ZM8 7C7.4477 7 7 7.4477 7 8C7 8.5523 7.4477 9 8 9L12 9C12.5523 9 13 8.5523 13 8C13 7.4477 12.5523 7 12 7L8 7ZM18 12.062L18 20L20 20Z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsPaperBagFill(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="M2 20L2 4C2 2.8954 2.8954 2 4 2C4.7573 2 5.4942 2.2456 6.1 2.7C6.3596 2.8947 6.6754 3 7 3C7.3246 3 7.6404 2.8947 7.9 2.7C8.5058 2.2456 9.2427 2 10 2C10.7573 2 11.4942 2.2456 12.1 2.7C12.3596 2.8947 12.6754 3 13 3C13.3246 3 13.6404 2.8947 13.9 2.7C14.5058 2.2456 15.2427 2 16 2C17.0483 2 17.9188 2.8095 17.9947 3.8551L21.9394 19.5114C21.9796 19.6711 22 19.8352 22 20C22 21.1046 21.1046 22 20 22L4 22C2.8954 22 2 21.1046 2 20ZM8 7C7.4477 7 7 7.4477 7 8C7 8.5523 7.4477 9 8 9L12 9C12.5523 9 13 8.5523 13 8C13 7.4477 12.5523 7 12 7L8 7ZM18 12.062L18 20L20 20Z" 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="M2 20L2 4C2 2.8954 2.8954 2 4 2C4.7573 2 5.4942 2.2456 6.1 2.7C6.3596 2.8947 6.6754 3 7 3C7.3246 3 7.6404 2.8947 7.9 2.7C8.5058 2.2456 9.2427 2 10 2C10.7573 2 11.4942 2.2456 12.1 2.7C12.3596 2.8947 12.6754 3 13 3C13.3246 3 13.6404 2.8947 13.9 2.7C14.5058 2.2456 15.2427 2 16 2C17.0483 2 17.9188 2.8095 17.9947 3.8551L21.9394 19.5114C21.9796 19.6711 22 19.8352 22 20C22 21.1046 21.1046 22 20 22L4 22C2.8954 22 2 21.1046 2 20ZM8 7C7.4477 7 7 7.4477 7 8C7 8.5523 7.4477 9 8 9L12 9C12.5523 9 13 8.5523 13 8C13 7.4477 12.5523 7 12 7L8 7ZM18 12.062L18 20L20 20Z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-paper-bag-fill {
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%22M2%2020L2%204C2%202.8954%202.8954%202%204%202C4.7573%202%205.4942%202.2456%206.1%202.7C6.3596%202.8947%206.6754%203%207%203C7.3246%203%207.6404%202.8947%207.9%202.7C8.5058%202.2456%209.2427%202%2010%202C10.7573%202%2011.4942%202.2456%2012.1%202.7C12.3596%202.8947%2012.6754%203%2013%203C13.3246%203%2013.6404%202.8947%2013.9%202.7C14.5058%202.2456%2015.2427%202%2016%202C17.0483%202%2017.9188%202.8095%2017.9947%203.8551L21.9394%2019.5114C21.9796%2019.6711%2022%2019.8352%2022%2020C22%2021.1046%2021.1046%2022%2020%2022L4%2022C2.8954%2022%202%2021.1046%202%2020ZM8%207C7.4477%207%207%207.4477%207%208C7%208.5523%207.4477%209%208%209L12%209C12.5523%209%2013%208.5523%2013%208C13%207.4477%2012.5523%207%2012%207L8%207ZM18%2012.062L18%2020L20%2020Z%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%22M2%2020L2%204C2%202.8954%202.8954%202%204%202C4.7573%202%205.4942%202.2456%206.1%202.7C6.3596%202.8947%206.6754%203%207%203C7.3246%203%207.6404%202.8947%207.9%202.7C8.5058%202.2456%209.2427%202%2010%202C10.7573%202%2011.4942%202.2456%2012.1%202.7C12.3596%202.8947%2012.6754%203%2013%203C13.3246%203%2013.6404%202.8947%2013.9%202.7C14.5058%202.2456%2015.2427%202%2016%202C17.0483%202%2017.9188%202.8095%2017.9947%203.8551L21.9394%2019.5114C21.9796%2019.6711%2022%2019.8352%2022%2020C22%2021.1046%2021.1046%2022%2020%2022L4%2022C2.8954%2022%202%2021.1046%202%2020ZM8%207C7.4477%207%207%207.4477%207%208C7%208.5523%207.4477%209%208%209L12%209C12.5523%209%2013%208.5523%2013%208C13%207.4477%2012.5523%207%2012%207L8%207ZM18%2012.062L18%2020L20%2020Z%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/keyline-icons/paper-bag-fill.svg?color=%231a73e8&size=48
