handbag icon
handbag-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- handbag-thin
- Set
- Phosphor
- Style
- Thin
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
handbagBootstrap IconshandbagEmoji One (Colored)handbagElement PlushandbagFluent EmojihandbagFluent Emoji FlathandbagFluent Emoji High ContrasthandbagFirefox OS EmojihandbagHuge IconshandbagIconParkhandbagIconPark OutlinehandbagIconPark SolidhandbagIconPark TwoTonehandbagIconoirhandbagLucidehandbagNoto EmojihandbagOpenMojihandbagPixelarticonshandbag-fillRemix IconhandbagStreamline EmojishandbagTwitter Emoji
Related icons in Phosphor
Use the handbag icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m235.92 198.59l-14.26-120a12 12 0 0 0-12-10.59H172v-4a44 44 0 0 0-88 0v4H46.33a12 12 0 0 0-12 10.59l-14.26 120a12 12 0 0 0 2.93 9.35a12.1 12.1 0 0 0 9.08 4.06h191.84a12.1 12.1 0 0 0 9.06-4.06a12 12 0 0 0 2.94-9.35M92 64a36 36 0 0 1 72 0v4H92Zm135 138.63a4.08 4.08 0 0 1-3.08 1.37H32.08a4.08 4.08 0 0 1-3.08-1.37a3.9 3.9 0 0 1-1-3.09l14.25-120a4 4 0 0 1 4-3.54H84v28a4 4 0 0 0 8 0V76h72v28a4 4 0 0 0 8 0V76h37.67a4 4 0 0 1 4.05 3.54l14.25 120a3.9 3.9 0 0 1-.97 3.09"/></svg>
React
import type { SVGProps } from "react";
export function PhHandbagThin(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m235.92 198.59l-14.26-120a12 12 0 0 0-12-10.59H172v-4a44 44 0 0 0-88 0v4H46.33a12 12 0 0 0-12 10.59l-14.26 120a12 12 0 0 0 2.93 9.35a12.1 12.1 0 0 0 9.08 4.06h191.84a12.1 12.1 0 0 0 9.06-4.06a12 12 0 0 0 2.94-9.35M92 64a36 36 0 0 1 72 0v4H92Zm135 138.63a4.08 4.08 0 0 1-3.08 1.37H32.08a4.08 4.08 0 0 1-3.08-1.37a3.9 3.9 0 0 1-1-3.09l14.25-120a4 4 0 0 1 4-3.54H84v28a4 4 0 0 0 8 0V76h72v28a4 4 0 0 0 8 0V76h37.67a4 4 0 0 1 4.05 3.54l14.25 120a3.9 3.9 0 0 1-.97 3.09"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m235.92 198.59l-14.26-120a12 12 0 0 0-12-10.59H172v-4a44 44 0 0 0-88 0v4H46.33a12 12 0 0 0-12 10.59l-14.26 120a12 12 0 0 0 2.93 9.35a12.1 12.1 0 0 0 9.08 4.06h191.84a12.1 12.1 0 0 0 9.06-4.06a12 12 0 0 0 2.94-9.35M92 64a36 36 0 0 1 72 0v4H92Zm135 138.63a4.08 4.08 0 0 1-3.08 1.37H32.08a4.08 4.08 0 0 1-3.08-1.37a3.9 3.9 0 0 1-1-3.09l14.25-120a4 4 0 0 1 4-3.54H84v28a4 4 0 0 0 8 0V76h72v28a4 4 0 0 0 8 0V76h37.67a4 4 0 0 1 4.05 3.54l14.25 120a3.9 3.9 0 0 1-.97 3.09"/></svg> </template>
CSS
.icon-handbag-thin {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m235.92%20198.59l-14.26-120a12%2012%200%200%200-12-10.59H172v-4a44%2044%200%200%200-88%200v4H46.33a12%2012%200%200%200-12%2010.59l-14.26%20120a12%2012%200%200%200%202.93%209.35a12.1%2012.1%200%200%200%209.08%204.06h191.84a12.1%2012.1%200%200%200%209.06-4.06a12%2012%200%200%200%202.94-9.35M92%2064a36%2036%200%200%201%2072%200v4H92Zm135%20138.63a4.08%204.08%200%200%201-3.08%201.37H32.08a4.08%204.08%200%200%201-3.08-1.37a3.9%203.9%200%200%201-1-3.09l14.25-120a4%204%200%200%201%204-3.54H84v28a4%204%200%200%200%208%200V76h72v28a4%204%200%200%200%208%200V76h37.67a4%204%200%200%201%204.05%203.54l14.25%20120a3.9%203.9%200%200%201-.97%203.09%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m235.92%20198.59l-14.26-120a12%2012%200%200%200-12-10.59H172v-4a44%2044%200%200%200-88%200v4H46.33a12%2012%200%200%200-12%2010.59l-14.26%20120a12%2012%200%200%200%202.93%209.35a12.1%2012.1%200%200%200%209.08%204.06h191.84a12.1%2012.1%200%200%200%209.06-4.06a12%2012%200%200%200%202.94-9.35M92%2064a36%2036%200%200%201%2072%200v4H92Zm135%20138.63a4.08%204.08%200%200%201-3.08%201.37H32.08a4.08%204.08%200%200%201-3.08-1.37a3.9%203.9%200%200%201-1-3.09l14.25-120a4%204%200%200%201%204-3.54H84v28a4%204%200%200%200%208%200V76h72v28a4%204%200%200%200%208%200V76h37.67a4%204%200%200%201%204.05%203.54l14.25%20120a3.9%203.9%200%200%201-.97%203.09%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/handbag-thin.svg?color=%231a73e8&size=48
