handbag emoji
handbag from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- handbag
- Set
- Twitter Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
handbagBootstrap IconshandbagEmoji One (Colored)handbagElement PlushandbagFluent EmojihandbagFluent Emoji FlathandbagFluent Emoji High ContrasthandbagFirefox OS EmojihandbagHuge IconshandbagIconParkhandbagIconPark OutlinehandbagIconPark SolidhandbagIconPark TwoTonehandbagIconoirhandbagLucidehandbagNoto EmojihandbagOpenMojihandbagPhosphorhandbagPixelarticonshandbag-fillRemix IconhandbagStreamline Emojis
More objects icons from Twitter Emoji
Use the handbag emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffac33" d="M28 22a1 1 0 0 1-1-1v-6c0-6.065-4.037-11-9-11c-4.962 0-9 4.935-9 11v6a1 1 0 1 1-2 0v-6C7 7.832 11.935 2 18 2s11 5.832 11 13v6a1 1 0 0 1-1 1"/><path fill="#9266cc" d="M33.386 12.972C33.126 10.788 31.114 9 28.914 9H7.086c-2.2 0-4.212 1.788-4.472 3.972L.472 31.028C.212 33.213 1.8 35 4 35h28c2.2 0 3.788-1.787 3.528-3.972z"/><path fill="#ffd983" d="M28 20a1 1 0 0 1-1-1v-6c0-6.065-4.037-11-9-11c-4.962 0-9 4.935-9 11v6a1 1 0 1 1-2 0v-6C7 5.832 11.935 0 18 0s11 5.832 11 13v6a1 1 0 0 1-1 1"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiHandbag(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffac33" d="M28 22a1 1 0 0 1-1-1v-6c0-6.065-4.037-11-9-11c-4.962 0-9 4.935-9 11v6a1 1 0 1 1-2 0v-6C7 7.832 11.935 2 18 2s11 5.832 11 13v6a1 1 0 0 1-1 1"/><path fill="#9266cc" d="M33.386 12.972C33.126 10.788 31.114 9 28.914 9H7.086c-2.2 0-4.212 1.788-4.472 3.972L.472 31.028C.212 33.213 1.8 35 4 35h28c2.2 0 3.788-1.787 3.528-3.972z"/><path fill="#ffd983" d="M28 20a1 1 0 0 1-1-1v-6c0-6.065-4.037-11-9-11c-4.962 0-9 4.935-9 11v6a1 1 0 1 1-2 0v-6C7 5.832 11.935 0 18 0s11 5.832 11 13v6a1 1 0 0 1-1 1"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffac33" d="M28 22a1 1 0 0 1-1-1v-6c0-6.065-4.037-11-9-11c-4.962 0-9 4.935-9 11v6a1 1 0 1 1-2 0v-6C7 7.832 11.935 2 18 2s11 5.832 11 13v6a1 1 0 0 1-1 1"/><path fill="#9266cc" d="M33.386 12.972C33.126 10.788 31.114 9 28.914 9H7.086c-2.2 0-4.212 1.788-4.472 3.972L.472 31.028C.212 33.213 1.8 35 4 35h28c2.2 0 3.788-1.787 3.528-3.972z"/><path fill="#ffd983" d="M28 20a1 1 0 0 1-1-1v-6c0-6.065-4.037-11-9-11c-4.962 0-9 4.935-9 11v6a1 1 0 1 1-2 0v-6C7 5.832 11.935 0 18 0s11 5.832 11 13v6a1 1 0 0 1-1 1"/></svg> </template>
CSS
.icon-handbag {
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%2036%2036%22%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M28%2022a1%201%200%200%201-1-1v-6c0-6.065-4.037-11-9-11c-4.962%200-9%204.935-9%2011v6a1%201%200%201%201-2%200v-6C7%207.832%2011.935%202%2018%202s11%205.832%2011%2013v6a1%201%200%200%201-1%201%22%2F%3E%3Cpath%20fill%3D%22%239266cc%22%20d%3D%22M33.386%2012.972C33.126%2010.788%2031.114%209%2028.914%209H7.086c-2.2%200-4.212%201.788-4.472%203.972L.472%2031.028C.212%2033.213%201.8%2035%204%2035h28c2.2%200%203.788-1.787%203.528-3.972z%22%2F%3E%3Cpath%20fill%3D%22%23ffd983%22%20d%3D%22M28%2020a1%201%200%200%201-1-1v-6c0-6.065-4.037-11-9-11c-4.962%200-9%204.935-9%2011v6a1%201%200%201%201-2%200v-6C7%205.832%2011.935%200%2018%200s11%205.832%2011%2013v6a1%201%200%200%201-1%201%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M28%2022a1%201%200%200%201-1-1v-6c0-6.065-4.037-11-9-11c-4.962%200-9%204.935-9%2011v6a1%201%200%201%201-2%200v-6C7%207.832%2011.935%202%2018%202s11%205.832%2011%2013v6a1%201%200%200%201-1%201%22%2F%3E%3Cpath%20fill%3D%22%239266cc%22%20d%3D%22M33.386%2012.972C33.126%2010.788%2031.114%209%2028.914%209H7.086c-2.2%200-4.212%201.788-4.472%203.972L.472%2031.028C.212%2033.213%201.8%2035%204%2035h28c2.2%200%203.788-1.787%203.528-3.972z%22%2F%3E%3Cpath%20fill%3D%22%23ffd983%22%20d%3D%22M28%2020a1%201%200%200%201-1-1v-6c0-6.065-4.037-11-9-11c-4.962%200-9%204.935-9%2011v6a1%201%200%201%201-2%200v-6C7%205.832%2011.935%200%2018%200s11%205.832%2011%2013v6a1%201%200%200%201-1%201%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/handbag.svg?color=%231a73e8&size=48
