shortcake emoji
shortcake from Fluent Emoji Flat by Microsoft Corporation · Default · Food & Drink · MIT Free for personal and commercial use.
- Name
- shortcake
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Food & Drink
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More food & drink icons from Fluent Emoji Flat
Use the shortcake emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#e19747" d="m3.627 29.82l24.63-7.068l.787-.724V7.978l-1.022-1.98l-25.95 7.345v14.944c0 1.225.496 1.785 1.555 1.532"/><path fill="#ffdea7" d="m13.034 2.508l-9.97 9.223c-1.946 1.662-.935 2.811.934 2.399l23.026-6.606c.592-.14.966-.186.966.499v4.02c0 .687.064 1.045-.374 1.183c0 0-22.205 6.694-22.683 6.824s-1.54.328-1.87.28c-.329-.048-.747-.28-.934-.28s-.187.108-.187.623v2.167c0 .163.14.268.14.268a2.48 2.48 0 0 0 1.916.307l23.244-6.73c.374-.094.748.156.748.623v5.298c0 .322.195.339.332.322c.992-.286 1.678-.873 1.678-1.881V8.023c0-.853-.617-2.278-2.01-2.71L16.96 2.725c-1.047-.218-3.072-.88-3.926-.218"/><path fill="#f8312f" d="M12.024 4.517c.126-.628.335-2.402 2.516-2.836l2.356 1.207l.858 2.575C16.95 7.624 15.29 7.47 14.627 7.47h-1.963c-.64 0-1.004-.364-.916-1.033z"/><path fill="#86d72f" d="M16.94 4.372c-.44-.495-.32-1.25-.32-1.25s-.714 0-1.062-.38l-1.193-1.235c-.064-.088 0-.183.088-.248c0 0 .701-.531 1.789.16c.602.444 1.746 1.862 2.036 2.458c.527.9-.146 1.673-.146 1.673c-.077.095-.167.122-.276 0z"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatShortcake(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="#e19747" d="m3.627 29.82l24.63-7.068l.787-.724V7.978l-1.022-1.98l-25.95 7.345v14.944c0 1.225.496 1.785 1.555 1.532"/><path fill="#ffdea7" d="m13.034 2.508l-9.97 9.223c-1.946 1.662-.935 2.811.934 2.399l23.026-6.606c.592-.14.966-.186.966.499v4.02c0 .687.064 1.045-.374 1.183c0 0-22.205 6.694-22.683 6.824s-1.54.328-1.87.28c-.329-.048-.747-.28-.934-.28s-.187.108-.187.623v2.167c0 .163.14.268.14.268a2.48 2.48 0 0 0 1.916.307l23.244-6.73c.374-.094.748.156.748.623v5.298c0 .322.195.339.332.322c.992-.286 1.678-.873 1.678-1.881V8.023c0-.853-.617-2.278-2.01-2.71L16.96 2.725c-1.047-.218-3.072-.88-3.926-.218"/><path fill="#f8312f" d="M12.024 4.517c.126-.628.335-2.402 2.516-2.836l2.356 1.207l.858 2.575C16.95 7.624 15.29 7.47 14.627 7.47h-1.963c-.64 0-1.004-.364-.916-1.033z"/><path fill="#86d72f" d="M16.94 4.372c-.44-.495-.32-1.25-.32-1.25s-.714 0-1.062-.38l-1.193-1.235c-.064-.088 0-.183.088-.248c0 0 .701-.531 1.789.16c.602.444 1.746 1.862 2.036 2.458c.527.9-.146 1.673-.146 1.673c-.077.095-.167.122-.276 0z"/></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="#e19747" d="m3.627 29.82l24.63-7.068l.787-.724V7.978l-1.022-1.98l-25.95 7.345v14.944c0 1.225.496 1.785 1.555 1.532"/><path fill="#ffdea7" d="m13.034 2.508l-9.97 9.223c-1.946 1.662-.935 2.811.934 2.399l23.026-6.606c.592-.14.966-.186.966.499v4.02c0 .687.064 1.045-.374 1.183c0 0-22.205 6.694-22.683 6.824s-1.54.328-1.87.28c-.329-.048-.747-.28-.934-.28s-.187.108-.187.623v2.167c0 .163.14.268.14.268a2.48 2.48 0 0 0 1.916.307l23.244-6.73c.374-.094.748.156.748.623v5.298c0 .322.195.339.332.322c.992-.286 1.678-.873 1.678-1.881V8.023c0-.853-.617-2.278-2.01-2.71L16.96 2.725c-1.047-.218-3.072-.88-3.926-.218"/><path fill="#f8312f" d="M12.024 4.517c.126-.628.335-2.402 2.516-2.836l2.356 1.207l.858 2.575C16.95 7.624 15.29 7.47 14.627 7.47h-1.963c-.64 0-1.004-.364-.916-1.033z"/><path fill="#86d72f" d="M16.94 4.372c-.44-.495-.32-1.25-.32-1.25s-.714 0-1.062-.38l-1.193-1.235c-.064-.088 0-.183.088-.248c0 0 .701-.531 1.789.16c.602.444 1.746 1.862 2.036 2.458c.527.9-.146 1.673-.146 1.673c-.077.095-.167.122-.276 0z"/></g></svg> </template>
CSS
.icon-shortcake {
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%23e19747%22%20d%3D%22m3.627%2029.82l24.63-7.068l.787-.724V7.978l-1.022-1.98l-25.95%207.345v14.944c0%201.225.496%201.785%201.555%201.532%22%2F%3E%3Cpath%20fill%3D%22%23ffdea7%22%20d%3D%22m13.034%202.508l-9.97%209.223c-1.946%201.662-.935%202.811.934%202.399l23.026-6.606c.592-.14.966-.186.966.499v4.02c0%20.687.064%201.045-.374%201.183c0%200-22.205%206.694-22.683%206.824s-1.54.328-1.87.28c-.329-.048-.747-.28-.934-.28s-.187.108-.187.623v2.167c0%20.163.14.268.14.268a2.48%202.48%200%200%200%201.916.307l23.244-6.73c.374-.094.748.156.748.623v5.298c0%20.322.195.339.332.322c.992-.286%201.678-.873%201.678-1.881V8.023c0-.853-.617-2.278-2.01-2.71L16.96%202.725c-1.047-.218-3.072-.88-3.926-.218%22%2F%3E%3Cpath%20fill%3D%22%23f8312f%22%20d%3D%22M12.024%204.517c.126-.628.335-2.402%202.516-2.836l2.356%201.207l.858%202.575C16.95%207.624%2015.29%207.47%2014.627%207.47h-1.963c-.64%200-1.004-.364-.916-1.033z%22%2F%3E%3Cpath%20fill%3D%22%2386d72f%22%20d%3D%22M16.94%204.372c-.44-.495-.32-1.25-.32-1.25s-.714%200-1.062-.38l-1.193-1.235c-.064-.088%200-.183.088-.248c0%200%20.701-.531%201.789.16c.602.444%201.746%201.862%202.036%202.458c.527.9-.146%201.673-.146%201.673c-.077.095-.167.122-.276%200z%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%23e19747%22%20d%3D%22m3.627%2029.82l24.63-7.068l.787-.724V7.978l-1.022-1.98l-25.95%207.345v14.944c0%201.225.496%201.785%201.555%201.532%22%2F%3E%3Cpath%20fill%3D%22%23ffdea7%22%20d%3D%22m13.034%202.508l-9.97%209.223c-1.946%201.662-.935%202.811.934%202.399l23.026-6.606c.592-.14.966-.186.966.499v4.02c0%20.687.064%201.045-.374%201.183c0%200-22.205%206.694-22.683%206.824s-1.54.328-1.87.28c-.329-.048-.747-.28-.934-.28s-.187.108-.187.623v2.167c0%20.163.14.268.14.268a2.48%202.48%200%200%200%201.916.307l23.244-6.73c.374-.094.748.156.748.623v5.298c0%20.322.195.339.332.322c.992-.286%201.678-.873%201.678-1.881V8.023c0-.853-.617-2.278-2.01-2.71L16.96%202.725c-1.047-.218-3.072-.88-3.926-.218%22%2F%3E%3Cpath%20fill%3D%22%23f8312f%22%20d%3D%22M12.024%204.517c.126-.628.335-2.402%202.516-2.836l2.356%201.207l.858%202.575C16.95%207.624%2015.29%207.47%2014.627%207.47h-1.963c-.64%200-1.004-.364-.916-1.033z%22%2F%3E%3Cpath%20fill%3D%22%2386d72f%22%20d%3D%22M16.94%204.372c-.44-.495-.32-1.25-.32-1.25s-.714%200-1.062-.38l-1.193-1.235c-.064-.088%200-.183.088-.248c0%200%20.701-.531%201.789.16c.602.444%201.746%201.862%202.036%202.458c.527.9-.146%201.673-.146%201.673c-.077.095-.167.122-.276%200z%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/shortcake.svg?color=%231a73e8&size=48
