pie emoji

pie from Fluent Emoji High Contrast by Microsoft Corporation · Default · Food & Drink · MIT Free for personal and commercial use.

Name
pie
Set
Fluent Emoji High Contrast
Style
Default
Category
Food & Drink
Viewbox
32×32
License
MIT

The same emoji in other sets

pieFluent EmojipieFluent Emoji FlatpieHuge IconspieIconParkpieIconPark OutlinepieIconPark SolidpieIconPark TwoTonepieLucide LabpieNoto EmojipieOpenMojipieTwitter Emoji

More food & drink icons from Fluent Emoji High Contrast

amphoraavocadobaby-bottlebaconbagelbaguette-breadbananabeansbeer-mugbell-pepperbento-boxbeverage-boxbirthday-cakeblueberriesbottle-with-popping-corkbowl-with-spoonbreadbroccolibrown-mushroombubble-teaburritobuttercandycanned-food

Use the pie emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M10.163 8.628a.5.5 0 0 1 .707-.006l2.78 2.73a.5.5 0 0 1-.7.713l-2.78-2.73a.5.5 0 0 1-.007-.707m10.494 0a.5.5 0 0 1-.007.707l-2.78 2.73a.5.5 0 0 1-.7-.713l2.78-2.73a.5.5 0 0 1 .707.006m-2.787 5.994a.5.5 0 0 0-.7.713l2.78 2.73a.5.5 0 1 0 .7-.713zm-4.213.006a.5.5 0 0 1-.007.707l-2.78 2.73a.5.5 0 0 1-.7-.713l2.78-2.73a.5.5 0 0 1 .707.006"/><path d="M21.296 3.778c-.971-1.54-2.846-2.18-4.5-1.52c-.865.34-1.817.34-2.682 0c-1.654-.66-3.529-.02-4.5 1.52c-.51.8-1.278 1.39-2.172 1.64c-1.712.48-2.865 2.14-2.779 3.98c.048.96-.25 1.9-.827 2.66a4.036 4.036 0 0 0 0 4.92c.577.75.875 1.7.827 2.66c-.07 1.492.675 2.866 1.872 3.588c1.484 3.602 4.901 6.122 8.88 6.122c3.955 0 7.356-2.491 8.853-6.06c1.26-.704 2.051-2.114 1.979-3.65a4.03 4.03 0 0 1 .827-2.66a4.036 4.036 0 0 0 0-4.92a4.05 4.05 0 0 1-.827-2.66c.086-1.84-1.067-3.5-2.779-3.98a3.77 3.77 0 0 1-2.172-1.64M6.177 19.592q-.226-.44-.417-.9a11.4 11.4 0 0 1-.85-4.344c0-6.075 4.701-11 10.5-11s10.5 4.925 10.5 11c0 1.534-.3 2.994-.84 4.32a11 11 0 0 1-.953 1.83c-1.887 2.926-5.083 4.85-8.707 4.85c-3.987 0-7.455-2.328-9.233-5.756"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiHighContrastPie(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M10.163 8.628a.5.5 0 0 1 .707-.006l2.78 2.73a.5.5 0 0 1-.7.713l-2.78-2.73a.5.5 0 0 1-.007-.707m10.494 0a.5.5 0 0 1-.007.707l-2.78 2.73a.5.5 0 0 1-.7-.713l2.78-2.73a.5.5 0 0 1 .707.006m-2.787 5.994a.5.5 0 0 0-.7.713l2.78 2.73a.5.5 0 1 0 .7-.713zm-4.213.006a.5.5 0 0 1-.007.707l-2.78 2.73a.5.5 0 0 1-.7-.713l2.78-2.73a.5.5 0 0 1 .707.006"/><path d="M21.296 3.778c-.971-1.54-2.846-2.18-4.5-1.52c-.865.34-1.817.34-2.682 0c-1.654-.66-3.529-.02-4.5 1.52c-.51.8-1.278 1.39-2.172 1.64c-1.712.48-2.865 2.14-2.779 3.98c.048.96-.25 1.9-.827 2.66a4.036 4.036 0 0 0 0 4.92c.577.75.875 1.7.827 2.66c-.07 1.492.675 2.866 1.872 3.588c1.484 3.602 4.901 6.122 8.88 6.122c3.955 0 7.356-2.491 8.853-6.06c1.26-.704 2.051-2.114 1.979-3.65a4.03 4.03 0 0 1 .827-2.66a4.036 4.036 0 0 0 0-4.92a4.05 4.05 0 0 1-.827-2.66c.086-1.84-1.067-3.5-2.779-3.98a3.77 3.77 0 0 1-2.172-1.64M6.177 19.592q-.226-.44-.417-.9a11.4 11.4 0 0 1-.85-4.344c0-6.075 4.701-11 10.5-11s10.5 4.925 10.5 11c0 1.534-.3 2.994-.84 4.32a11 11 0 0 1-.953 1.83c-1.887 2.926-5.083 4.85-8.707 4.85c-3.987 0-7.455-2.328-9.233-5.756"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M10.163 8.628a.5.5 0 0 1 .707-.006l2.78 2.73a.5.5 0 0 1-.7.713l-2.78-2.73a.5.5 0 0 1-.007-.707m10.494 0a.5.5 0 0 1-.007.707l-2.78 2.73a.5.5 0 0 1-.7-.713l2.78-2.73a.5.5 0 0 1 .707.006m-2.787 5.994a.5.5 0 0 0-.7.713l2.78 2.73a.5.5 0 1 0 .7-.713zm-4.213.006a.5.5 0 0 1-.007.707l-2.78 2.73a.5.5 0 0 1-.7-.713l2.78-2.73a.5.5 0 0 1 .707.006"/><path d="M21.296 3.778c-.971-1.54-2.846-2.18-4.5-1.52c-.865.34-1.817.34-2.682 0c-1.654-.66-3.529-.02-4.5 1.52c-.51.8-1.278 1.39-2.172 1.64c-1.712.48-2.865 2.14-2.779 3.98c.048.96-.25 1.9-.827 2.66a4.036 4.036 0 0 0 0 4.92c.577.75.875 1.7.827 2.66c-.07 1.492.675 2.866 1.872 3.588c1.484 3.602 4.901 6.122 8.88 6.122c3.955 0 7.356-2.491 8.853-6.06c1.26-.704 2.051-2.114 1.979-3.65a4.03 4.03 0 0 1 .827-2.66a4.036 4.036 0 0 0 0-4.92a4.05 4.05 0 0 1-.827-2.66c.086-1.84-1.067-3.5-2.779-3.98a3.77 3.77 0 0 1-2.172-1.64M6.177 19.592q-.226-.44-.417-.9a11.4 11.4 0 0 1-.85-4.344c0-6.075 4.701-11 10.5-11s10.5 4.925 10.5 11c0 1.534-.3 2.994-.84 4.32a11 11 0 0 1-.953 1.83c-1.887 2.926-5.083 4.85-8.707 4.85c-3.987 0-7.455-2.328-9.233-5.756"/></g></svg>
</template>

CSS

.icon-pie {
  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%22currentColor%22%3E%3Cpath%20d%3D%22M10.163%208.628a.5.5%200%200%201%20.707-.006l2.78%202.73a.5.5%200%200%201-.7.713l-2.78-2.73a.5.5%200%200%201-.007-.707m10.494%200a.5.5%200%200%201-.007.707l-2.78%202.73a.5.5%200%200%201-.7-.713l2.78-2.73a.5.5%200%200%201%20.707.006m-2.787%205.994a.5.5%200%200%200-.7.713l2.78%202.73a.5.5%200%201%200%20.7-.713zm-4.213.006a.5.5%200%200%201-.007.707l-2.78%202.73a.5.5%200%200%201-.7-.713l2.78-2.73a.5.5%200%200%201%20.707.006%22%2F%3E%3Cpath%20d%3D%22M21.296%203.778c-.971-1.54-2.846-2.18-4.5-1.52c-.865.34-1.817.34-2.682%200c-1.654-.66-3.529-.02-4.5%201.52c-.51.8-1.278%201.39-2.172%201.64c-1.712.48-2.865%202.14-2.779%203.98c.048.96-.25%201.9-.827%202.66a4.036%204.036%200%200%200%200%204.92c.577.75.875%201.7.827%202.66c-.07%201.492.675%202.866%201.872%203.588c1.484%203.602%204.901%206.122%208.88%206.122c3.955%200%207.356-2.491%208.853-6.06c1.26-.704%202.051-2.114%201.979-3.65a4.03%204.03%200%200%201%20.827-2.66a4.036%204.036%200%200%200%200-4.92a4.05%204.05%200%200%201-.827-2.66c.086-1.84-1.067-3.5-2.779-3.98a3.77%203.77%200%200%201-2.172-1.64M6.177%2019.592q-.226-.44-.417-.9a11.4%2011.4%200%200%201-.85-4.344c0-6.075%204.701-11%2010.5-11s10.5%204.925%2010.5%2011c0%201.534-.3%202.994-.84%204.32a11%2011%200%200%201-.953%201.83c-1.887%202.926-5.083%204.85-8.707%204.85c-3.987%200-7.455-2.328-9.233-5.756%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%22currentColor%22%3E%3Cpath%20d%3D%22M10.163%208.628a.5.5%200%200%201%20.707-.006l2.78%202.73a.5.5%200%200%201-.7.713l-2.78-2.73a.5.5%200%200%201-.007-.707m10.494%200a.5.5%200%200%201-.007.707l-2.78%202.73a.5.5%200%200%201-.7-.713l2.78-2.73a.5.5%200%200%201%20.707.006m-2.787%205.994a.5.5%200%200%200-.7.713l2.78%202.73a.5.5%200%201%200%20.7-.713zm-4.213.006a.5.5%200%200%201-.007.707l-2.78%202.73a.5.5%200%200%201-.7-.713l2.78-2.73a.5.5%200%200%201%20.707.006%22%2F%3E%3Cpath%20d%3D%22M21.296%203.778c-.971-1.54-2.846-2.18-4.5-1.52c-.865.34-1.817.34-2.682%200c-1.654-.66-3.529-.02-4.5%201.52c-.51.8-1.278%201.39-2.172%201.64c-1.712.48-2.865%202.14-2.779%203.98c.048.96-.25%201.9-.827%202.66a4.036%204.036%200%200%200%200%204.92c.577.75.875%201.7.827%202.66c-.07%201.492.675%202.866%201.872%203.588c1.484%203.602%204.901%206.122%208.88%206.122c3.955%200%207.356-2.491%208.853-6.06c1.26-.704%202.051-2.114%201.979-3.65a4.03%204.03%200%200%201%20.827-2.66a4.036%204.036%200%200%200%200-4.92a4.05%204.05%200%200%201-.827-2.66c.086-1.84-1.067-3.5-2.779-3.98a3.77%203.77%200%200%201-2.172-1.64M6.177%2019.592q-.226-.44-.417-.9a11.4%2011.4%200%200%201-.85-4.344c0-6.075%204.701-11%2010.5-11s10.5%204.925%2010.5%2011c0%201.534-.3%202.994-.84%204.32a11%2011%200%200%201-.953%201.83c-1.887%202.926-5.083%204.85-8.707%204.85c-3.987%200-7.455-2.328-9.233-5.756%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-high-contrast/pie.svg?color=%231a73e8&size=48