wrapped gift emoji
wrapped-gift from Fluent Emoji Flat by Microsoft Corporation · Default · Activities · MIT Free for personal and commercial use.
- Name
- wrapped-gift
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Activities
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More activities icons from Fluent Emoji Flat
Use the wrapped gift emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#fcd53f" d="M24.888 30H7.112A2.093 2.093 0 0 1 5 27.914V15l10.877-3.06L27 15v12.914C27 29.06 26.06 30 24.888 30"/><path fill="#f8312f" d="M27 5.847c0-3.384-4.045-5.106-6.466-2.763L16 7.479l-4.533-4.395C9.045.73 5 2.463 5 5.847C5 7.04 5.957 8 7.142 8L16 10.17L24.858 8A2.157 2.157 0 0 0 27 5.847"/><path fill="#ffb02e" d="M27.662 8H4.337C3.6 8 3 8.6 3 9.342v4.316C3 14.4 3.6 15 4.338 15h23.324C28.4 15 29 14.4 29 13.658V9.342C29 8.6 28.4 8 27.662 8"/><path fill="#ca0b4a" d="M16.005 3C14.345 3 13 4.37 13 6.06V30h6V6.06C19.01 4.37 17.666 3 16.005 3"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatWrappedGift(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="#fcd53f" d="M24.888 30H7.112A2.093 2.093 0 0 1 5 27.914V15l10.877-3.06L27 15v12.914C27 29.06 26.06 30 24.888 30"/><path fill="#f8312f" d="M27 5.847c0-3.384-4.045-5.106-6.466-2.763L16 7.479l-4.533-4.395C9.045.73 5 2.463 5 5.847C5 7.04 5.957 8 7.142 8L16 10.17L24.858 8A2.157 2.157 0 0 0 27 5.847"/><path fill="#ffb02e" d="M27.662 8H4.337C3.6 8 3 8.6 3 9.342v4.316C3 14.4 3.6 15 4.338 15h23.324C28.4 15 29 14.4 29 13.658V9.342C29 8.6 28.4 8 27.662 8"/><path fill="#ca0b4a" d="M16.005 3C14.345 3 13 4.37 13 6.06V30h6V6.06C19.01 4.37 17.666 3 16.005 3"/></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="#fcd53f" d="M24.888 30H7.112A2.093 2.093 0 0 1 5 27.914V15l10.877-3.06L27 15v12.914C27 29.06 26.06 30 24.888 30"/><path fill="#f8312f" d="M27 5.847c0-3.384-4.045-5.106-6.466-2.763L16 7.479l-4.533-4.395C9.045.73 5 2.463 5 5.847C5 7.04 5.957 8 7.142 8L16 10.17L24.858 8A2.157 2.157 0 0 0 27 5.847"/><path fill="#ffb02e" d="M27.662 8H4.337C3.6 8 3 8.6 3 9.342v4.316C3 14.4 3.6 15 4.338 15h23.324C28.4 15 29 14.4 29 13.658V9.342C29 8.6 28.4 8 27.662 8"/><path fill="#ca0b4a" d="M16.005 3C14.345 3 13 4.37 13 6.06V30h6V6.06C19.01 4.37 17.666 3 16.005 3"/></g></svg> </template>
CSS
.icon-wrapped-gift {
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%23fcd53f%22%20d%3D%22M24.888%2030H7.112A2.093%202.093%200%200%201%205%2027.914V15l10.877-3.06L27%2015v12.914C27%2029.06%2026.06%2030%2024.888%2030%22%2F%3E%3Cpath%20fill%3D%22%23f8312f%22%20d%3D%22M27%205.847c0-3.384-4.045-5.106-6.466-2.763L16%207.479l-4.533-4.395C9.045.73%205%202.463%205%205.847C5%207.04%205.957%208%207.142%208L16%2010.17L24.858%208A2.157%202.157%200%200%200%2027%205.847%22%2F%3E%3Cpath%20fill%3D%22%23ffb02e%22%20d%3D%22M27.662%208H4.337C3.6%208%203%208.6%203%209.342v4.316C3%2014.4%203.6%2015%204.338%2015h23.324C28.4%2015%2029%2014.4%2029%2013.658V9.342C29%208.6%2028.4%208%2027.662%208%22%2F%3E%3Cpath%20fill%3D%22%23ca0b4a%22%20d%3D%22M16.005%203C14.345%203%2013%204.37%2013%206.06V30h6V6.06C19.01%204.37%2017.666%203%2016.005%203%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%23fcd53f%22%20d%3D%22M24.888%2030H7.112A2.093%202.093%200%200%201%205%2027.914V15l10.877-3.06L27%2015v12.914C27%2029.06%2026.06%2030%2024.888%2030%22%2F%3E%3Cpath%20fill%3D%22%23f8312f%22%20d%3D%22M27%205.847c0-3.384-4.045-5.106-6.466-2.763L16%207.479l-4.533-4.395C9.045.73%205%202.463%205%205.847C5%207.04%205.957%208%207.142%208L16%2010.17L24.858%208A2.157%202.157%200%200%200%2027%205.847%22%2F%3E%3Cpath%20fill%3D%22%23ffb02e%22%20d%3D%22M27.662%208H4.337C3.6%208%203%208.6%203%209.342v4.316C3%2014.4%203.6%2015%204.338%2015h23.324C28.4%2015%2029%2014.4%2029%2013.658V9.342C29%208.6%2028.4%208%2027.662%208%22%2F%3E%3Cpath%20fill%3D%22%23ca0b4a%22%20d%3D%22M16.005%203C14.345%203%2013%204.37%2013%206.06V30h6V6.06C19.01%204.37%2017.666%203%2016.005%203%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/wrapped-gift.svg?color=%231a73e8&size=48
