clutch bag emoji

clutch-bag from Fluent Emoji Flat by Microsoft Corporation · Default · Objects · MIT Free for personal and commercial use.

Name
clutch-bag
Set
Fluent Emoji Flat
Style
Default
Category
Objects
Viewbox
32×32
License
MIT

The same emoji in other sets

clutch-bagEmoji One (Colored)clutch-bagFluent Emojiclutch-bagFluent Emoji High Contrastclutch-bagNoto Emojiclutch-bagOpenMojiclutch-bagTwitter Emoji

More objects icons from Fluent Emoji Flat

abacusaccordionadhesive-bandagealembicaxebackpackbalance-scaleballet-shoesballot-box-with-ballotbanjobar-chartbasketbathtubbatterybedbellbell-with-slashbikinibilled-capblack-nibblue-bookbookmarkbookmark-tabsbooks

Use the clutch bag emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#f9c23c" d="M4.498 10.457c.44.32 1.05.27 1.43-.13c.38-.39.41-1 .08-1.43l-1.62-2.1c-.41-.52-1.19-.57-1.65-.09l-.52.54c-.46.48-.4 1.26.14 1.65zm.22-1.31c.23-.24.62-.25.86-.01s.25.62.01.86c-.23.25-.62.25-.86.02a.616.616 0 0 1-.01-.87"/><path fill="#f99ea3" d="M3.083 14.444c.392-3.178 2.763-4.505 4.961-4.505h15.514c3.714 0 5.17 2.618 5.502 5.083c.17 1.259.32 2.185.854 6.69c.5 4.238-.854 8.254-6.074 8.254H8.044c-5.084 0-6.435-4.006-5.923-8.26c.304-2.529.57-4.086.962-7.262"/><path fill="#fbb8ab" d="M8.044 29.966c-5.084 0-6.435-4.006-5.923-8.26c11.879 0 14.972.006 27.792.006c.502 4.238-.853 8.254-6.073 8.254z"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiFlatClutchBag(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#f9c23c" d="M4.498 10.457c.44.32 1.05.27 1.43-.13c.38-.39.41-1 .08-1.43l-1.62-2.1c-.41-.52-1.19-.57-1.65-.09l-.52.54c-.46.48-.4 1.26.14 1.65zm.22-1.31c.23-.24.62-.25.86-.01s.25.62.01.86c-.23.25-.62.25-.86.02a.616.616 0 0 1-.01-.87"/><path fill="#f99ea3" d="M3.083 14.444c.392-3.178 2.763-4.505 4.961-4.505h15.514c3.714 0 5.17 2.618 5.502 5.083c.17 1.259.32 2.185.854 6.69c.5 4.238-.854 8.254-6.074 8.254H8.044c-5.084 0-6.435-4.006-5.923-8.26c.304-2.529.57-4.086.962-7.262"/><path fill="#fbb8ab" d="M8.044 29.966c-5.084 0-6.435-4.006-5.923-8.26c11.879 0 14.972.006 27.792.006c.502 4.238-.853 8.254-6.073 8.254z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#f9c23c" d="M4.498 10.457c.44.32 1.05.27 1.43-.13c.38-.39.41-1 .08-1.43l-1.62-2.1c-.41-.52-1.19-.57-1.65-.09l-.52.54c-.46.48-.4 1.26.14 1.65zm.22-1.31c.23-.24.62-.25.86-.01s.25.62.01.86c-.23.25-.62.25-.86.02a.616.616 0 0 1-.01-.87"/><path fill="#f99ea3" d="M3.083 14.444c.392-3.178 2.763-4.505 4.961-4.505h15.514c3.714 0 5.17 2.618 5.502 5.083c.17 1.259.32 2.185.854 6.69c.5 4.238-.854 8.254-6.074 8.254H8.044c-5.084 0-6.435-4.006-5.923-8.26c.304-2.529.57-4.086.962-7.262"/><path fill="#fbb8ab" d="M8.044 29.966c-5.084 0-6.435-4.006-5.923-8.26c11.879 0 14.972.006 27.792.006c.502 4.238-.853 8.254-6.073 8.254z"/></g></svg>
</template>

CSS

.icon-clutch-bag {
  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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23f9c23c%22%20d%3D%22M4.498%2010.457c.44.32%201.05.27%201.43-.13c.38-.39.41-1%20.08-1.43l-1.62-2.1c-.41-.52-1.19-.57-1.65-.09l-.52.54c-.46.48-.4%201.26.14%201.65zm.22-1.31c.23-.24.62-.25.86-.01s.25.62.01.86c-.23.25-.62.25-.86.02a.616.616%200%200%201-.01-.87%22%2F%3E%3Cpath%20fill%3D%22%23f99ea3%22%20d%3D%22M3.083%2014.444c.392-3.178%202.763-4.505%204.961-4.505h15.514c3.714%200%205.17%202.618%205.502%205.083c.17%201.259.32%202.185.854%206.69c.5%204.238-.854%208.254-6.074%208.254H8.044c-5.084%200-6.435-4.006-5.923-8.26c.304-2.529.57-4.086.962-7.262%22%2F%3E%3Cpath%20fill%3D%22%23fbb8ab%22%20d%3D%22M8.044%2029.966c-5.084%200-6.435-4.006-5.923-8.26c11.879%200%2014.972.006%2027.792.006c.502%204.238-.853%208.254-6.073%208.254z%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23f9c23c%22%20d%3D%22M4.498%2010.457c.44.32%201.05.27%201.43-.13c.38-.39.41-1%20.08-1.43l-1.62-2.1c-.41-.52-1.19-.57-1.65-.09l-.52.54c-.46.48-.4%201.26.14%201.65zm.22-1.31c.23-.24.62-.25.86-.01s.25.62.01.86c-.23.25-.62.25-.86.02a.616.616%200%200%201-.01-.87%22%2F%3E%3Cpath%20fill%3D%22%23f99ea3%22%20d%3D%22M3.083%2014.444c.392-3.178%202.763-4.505%204.961-4.505h15.514c3.714%200%205.17%202.618%205.502%205.083c.17%201.259.32%202.185.854%206.69c.5%204.238-.854%208.254-6.074%208.254H8.044c-5.084%200-6.435-4.006-5.923-8.26c.304-2.529.57-4.086.962-7.262%22%2F%3E%3Cpath%20fill%3D%22%23fbb8ab%22%20d%3D%22M8.044%2029.966c-5.084%200-6.435-4.006-5.923-8.26c11.879%200%2014.972.006%2027.792.006c.502%204.238-.853%208.254-6.073%208.254z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/clutch-bag.svg?color=%231a73e8&size=48