Pie icon

twemoji:pie

The Pie icon (twemoji:pie) is a free SVG icon from the Twitter Emoji set by Twitter. It is drawn on a 36 × 36 grid. Twitter Emoji icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Twitter Emoji
Author: Twitter
License: CC-BY-4.0
Size: 36 × 36
Category: Food & Drink

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#f4900c" d="M7.728 3.132s.418-1.003 1.661-.838s9.667 1.593 13.676 3.454c4.01 1.86 8.529 4.059 11.358 7.384c.75.883.445 1.529.445 1.529l-1.036 7.438s-.3 1.489-1.737 1.886L2.507 32.139S1 32.483 1 30.932v-7.766s.152-.933.521-2.025c.368-1.095 6.207-18.009 6.207-18.009"/><path fill="#a0041e" d="M30.609 20.547c-4.448-4.258-15.009-9.219-22.834-9.965a.49.49 0 0 0-.507.329S.99 29.521.99 29.829c0 .15.07.293.187.386a.5.5 0 0 0 .419.088l29.419-8.115c.186-.048.279-.154.312-.344c.061-.332-.076-.684-.718-1.297"/><path fill="#a0041e" d="M31.323 21.879L1 30.029v-7.112S6.331 10.942 7.397 3.662C24.143 6.08 32.149 14.778 32.149 14.778z"/><path fill="#be1931" d="M8.188 25.532a2.57 2.57 0 0 1-2.573 2.572a2.572 2.572 0 1 1 0-5.145a2.57 2.57 0 0 1 2.573 2.573m5-4a2.57 2.57 0 0 1-2.573 2.572a2.572 2.572 0 1 1 0-5.145a2.57 2.57 0 0 1 2.573 2.573m6 1a2.57 2.57 0 0 1-2.573 2.572a2.572 2.572 0 1 1 0-5.145a2.57 2.57 0 0 1 2.573 2.573m5-4a2.57 2.57 0 0 1-2.573 2.572a2.572 2.572 0 1 1 0-5.145a2.57 2.57 0 0 1 2.573 2.573m6 1a2.57 2.57 0 0 1-2.573 2.572a2.572 2.572 0 1 1 0-5.145a2.57 2.57 0 0 1 2.573 2.573"/><path fill="#f4900c" d="M32.096 13.498C27.647 9.24 15.601 4.328 7.775 3.582a.49.49 0 0 0-.507.329S2.286 17.738 1.075 21.532C.9 22.08.99 22.79.99 22.829c0 .15.07.293.187.386a.5.5 0 0 0 .419.088l30.797-7.747a.49.49 0 0 0 .359-.389c.06-.331-.015-1.055-.656-1.669"/><path fill="#f4900c" d="M32.096 13.498C27.647 9.24 15.601 4.328 7.775 3.582a.49.49 0 0 0-.507.329S.99 21.521.99 21.829c0 .15.07.293.187.386a.5.5 0 0 0 .419.088l30.194-7.739a.49.49 0 0 0 .359-.389c.06-.331.588-.063-.053-.677"/><path fill="#ffcc4d" d="m9.65 20.239l-1.833-2.456l4.458-.527l1.436 1.942l5.584-1.431l-.922-1.232l4.218-.499l.571.772l5.571-1.456l-.029-.039l.325-.038l3.613-.944a2.15 2.15 0 0 0-.546-.832c-.612-.586-1.38-1.184-2.249-1.783l-3.569.355l-1.941-2.595l1.416-.167c-3.435-1.761-7.531-3.361-11.415-4.435l1.437 1.944l-4.348.432l-1.67-2.234l3.527-.417c-1.951-.496-3.83-.857-5.509-1.017a.49.49 0 0 0-.507.329S5.892 7.497 4.5 11.652l3.453-.24l1.709 2.311l-4.539.451l-1.022-1.339c-.721 2.154-1.568 4.362-2.15 6.124l2.124 2.709zm8.62-10.047l1.842 2.491l-4.301.428l-1.806-2.415z"/><path fill="#f4900c" d="M10.862 17.487c.807-.218 2.42-1.237 4.013-1.456c1.594-.219 3.531.617 4.108.549l2.313-.273c.516-.061 2.829-1.338 4.173-1.526s3.145.762 3.791.584c0 0 .718.203 0 .294s-2.601-.645-3.646-.472c-1.502.25-2.573 1.112-4.318 1.393c-1.052.169-1.792.307-2.421.357c-1.164.094-2.6-.779-4.069-.529s-2.275 1.243-3.945 1.404c-.989.096-.616-.158.001-.325m-4.32 2.961c1.194-.278 2.57-.742 3.108-.21L6.959 21.27l-2.884.397c-.001.001.092-.666 2.467-1.219m9.854-2.552c1.489-.356 2.464-.425 2.898-.129l-2.72 1.025l-2.864.406c.001 0 .248-.719 2.686-1.302"/><path fill="#f4900c" d="M25.708 15.583c1.082-.297 2.479-.438 2.833-.354c0 0 2.857-.741 3.991-.871c0 0-2.604.891-3.412 1.1c-.808.208-5.901 1.616-5.959 1.35s.881-.766 2.547-1.225"/><path fill="#ffcc4d" d="M1.95 18.959s-.075-1.197.758-3.359s1.2-3.017 1.392-2.765s-.559 2.999-.851 3.665s-.757 2.04-.979 2.312c-.221.273-.32.147-.32.147m2.55-7.308s.062-1.526.437-2.589S5.985 7.38 6.075 7.131s.07-1.507.32-2.09s.758-1.711 1.379-1.46s-1.395 4.315-1.636 5.127c-.242.813-1.638 2.943-1.638 2.943"/><path fill="#f4900c" d="M6.862 11.487c.807-.218 2.419-1.237 4.013-1.456s3.531.617 4.108.549l2.313-.273c.516-.061 2.829-1.338 4.173-1.526s3.145.762 3.791.584c0 0 .718.203 0 .294s-2.601-.645-3.646-.472c-1.502.25-2.573 1.113-4.318 1.393c-1.052.169-1.792.307-2.421.357c-1.164.094-2.6-.779-4.069-.529s-2.275 1.243-3.945 1.404c-.989.096-.616-.158.001-.325m1.986 6.173c-.759.09-1.809-.775-3.703-.437c-1.895.339-3.195 1.736-3.195 1.736l.122.573s-.48-.337.187-.544s1.366-1.232 2.991-1.407s2.156.388 3.25.419s.348-.34.348-.34M28 15.235l1.579.092L30 15l-.281.89l-1.313.405zM7.125 4.719c1.469-.406 2.426.322 3.489.196s1.078.167.261.335s-2.86-.545-3.706-.269s-.985 1.15-.985 1.15l.14-.874c-.001 0-.163-.272.801-.538m1.971 9.059c2.06-.33 2.204-.847 3.748-1.154c1.406-.28 2.281.383 3.071.383c1.284 0 .892-.784.46-.6c-.906.386-2.734-.712-4.531 0c-.917.363-1.339.865-2.748 1.042c-1.408.176-.738.448 0 .329m10.372-1.031c.86-.085 2.188-.882 3.5-1.095c1.312-.214 2.487.5 3.309.419s.99-.524.348-.459s-2.281-.642-3.875-.33s-2.219.969-3.282 1.125c-1.062.155-.644.404 0 .34M3.262 14.192c.715-.188 1.459.236 2.239-.056s.832-.636.114-.448s-1.551-.135-2.192.12zm5.269-7.223c1.355-.061 2.104.358 3.067.262c.962-.096.559-.341-.144-.302S9.732 6.5 8.272 6.781s-1.387.572-2.517.817l-.255.36s.51-.105 1.083-.36c.573-.254 1.2-.596 1.948-.629m7.031-.132c.887-.053 1.633-.706 2.582-.771l-.551-.19s-1.126.588-2.032.653c-.905.065-.937.364.001.308"/></svg>

How to use the Pie icon

React

import { Icon } from "@iconify/react";

<Icon icon="twemoji:pie" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="twemoji:pie" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="twemoji:pie" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--pie]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:pie"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="twemoji:pie"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/twemoji/pie.svg" alt="Pie icon" width="24" height="24">

Pie icon in other icon sets

Pie icon FAQ

Is the Pie icon free for commercial use?

Yes. Twitter Emoji icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Pie icon in React?

Install @iconify/react and render <Icon icon="twemoji:pie" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Pie icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/twemoji/pie.svg" alt="Pie icon">, or paste the SVG code inline to style it with CSS.

Browse all Twitter Emoji icons →