pizza emoji
pizza from Twitter Emoji by Twitter · Default · Food & Drink · CC-BY-4.0 Attribution required.
- Name
- pizza
- Set
- Twitter Emoji
- Style
- Default
- Category
- Food & Drink
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More food & drink icons from Twitter Emoji
Use the pizza emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#f4900c" d="M18 4c7.257 0 13 4 14.699 2c.197-.323.301-.657.301-1c0-2-6.716-5-15-5S3 3 3 5c0 .343.104.677.301 1C5 8 10.743 4 18 4"/><path fill="#ffcc4d" d="M18 3C11.787 3 7.384 4.81 5.727 5.618c-.477.233-.539.84-.415 1.278S16 34 16 34s.896 2 2 2s2-2 2-2L30.704 6.779s.213-.842-.569-1.229C28.392 4.689 24.047 3 18 3"/><g fill="#be1931"><path d="M18 31a4 4 0 0 0-4-4c-.254 0-.5.029-.741.075L16 34s.071.14.19.342A3.99 3.99 0 0 0 18 31m-1-11a4 4 0 0 0-4-4c-1.426 0-2.67.752-3.378 1.876l2.362 5.978A4 4 0 0 0 13 24c2.208 0 4-1.792 4-4"/><circle cx="16" cy="8" r="4"/><path d="M25 9a4 4 0 0 0 0 8c.682 0 1.315-.187 1.877-.488l1.89-4.806C28.227 10.135 26.752 9 25 9m-6 16a3.99 3.99 0 0 0 3.019 3.864l2.893-7.357A3.95 3.95 0 0 0 23 21c-2.208 0-4 1.792-4 4m-9-13a4 4 0 0 0-4-4c-.087 0-.169.02-.255.026c.55 1.412 1.575 4.016 2.775 7.057C9.416 14.349 10 13.248 10 12"/></g></svg>
React
import type { SVGProps } from "react";
export function TwemojiPizza(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#f4900c" d="M18 4c7.257 0 13 4 14.699 2c.197-.323.301-.657.301-1c0-2-6.716-5-15-5S3 3 3 5c0 .343.104.677.301 1C5 8 10.743 4 18 4"/><path fill="#ffcc4d" d="M18 3C11.787 3 7.384 4.81 5.727 5.618c-.477.233-.539.84-.415 1.278S16 34 16 34s.896 2 2 2s2-2 2-2L30.704 6.779s.213-.842-.569-1.229C28.392 4.689 24.047 3 18 3"/><g fill="#be1931"><path d="M18 31a4 4 0 0 0-4-4c-.254 0-.5.029-.741.075L16 34s.071.14.19.342A3.99 3.99 0 0 0 18 31m-1-11a4 4 0 0 0-4-4c-1.426 0-2.67.752-3.378 1.876l2.362 5.978A4 4 0 0 0 13 24c2.208 0 4-1.792 4-4"/><circle cx="16" cy="8" r="4"/><path d="M25 9a4 4 0 0 0 0 8c.682 0 1.315-.187 1.877-.488l1.89-4.806C28.227 10.135 26.752 9 25 9m-6 16a3.99 3.99 0 0 0 3.019 3.864l2.893-7.357A3.95 3.95 0 0 0 23 21c-2.208 0-4 1.792-4 4m-9-13a4 4 0 0 0-4-4c-.087 0-.169.02-.255.026c.55 1.412 1.575 4.016 2.775 7.057C9.416 14.349 10 13.248 10 12"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#f4900c" d="M18 4c7.257 0 13 4 14.699 2c.197-.323.301-.657.301-1c0-2-6.716-5-15-5S3 3 3 5c0 .343.104.677.301 1C5 8 10.743 4 18 4"/><path fill="#ffcc4d" d="M18 3C11.787 3 7.384 4.81 5.727 5.618c-.477.233-.539.84-.415 1.278S16 34 16 34s.896 2 2 2s2-2 2-2L30.704 6.779s.213-.842-.569-1.229C28.392 4.689 24.047 3 18 3"/><g fill="#be1931"><path d="M18 31a4 4 0 0 0-4-4c-.254 0-.5.029-.741.075L16 34s.071.14.19.342A3.99 3.99 0 0 0 18 31m-1-11a4 4 0 0 0-4-4c-1.426 0-2.67.752-3.378 1.876l2.362 5.978A4 4 0 0 0 13 24c2.208 0 4-1.792 4-4"/><circle cx="16" cy="8" r="4"/><path d="M25 9a4 4 0 0 0 0 8c.682 0 1.315-.187 1.877-.488l1.89-4.806C28.227 10.135 26.752 9 25 9m-6 16a3.99 3.99 0 0 0 3.019 3.864l2.893-7.357A3.95 3.95 0 0 0 23 21c-2.208 0-4 1.792-4 4m-9-13a4 4 0 0 0-4-4c-.087 0-.169.02-.255.026c.55 1.412 1.575 4.016 2.775 7.057C9.416 14.349 10 13.248 10 12"/></g></svg> </template>
CSS
.icon-pizza {
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%2036%2036%22%3E%3Cpath%20fill%3D%22%23f4900c%22%20d%3D%22M18%204c7.257%200%2013%204%2014.699%202c.197-.323.301-.657.301-1c0-2-6.716-5-15-5S3%203%203%205c0%20.343.104.677.301%201C5%208%2010.743%204%2018%204%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M18%203C11.787%203%207.384%204.81%205.727%205.618c-.477.233-.539.84-.415%201.278S16%2034%2016%2034s.896%202%202%202s2-2%202-2L30.704%206.779s.213-.842-.569-1.229C28.392%204.689%2024.047%203%2018%203%22%2F%3E%3Cg%20fill%3D%22%23be1931%22%3E%3Cpath%20d%3D%22M18%2031a4%204%200%200%200-4-4c-.254%200-.5.029-.741.075L16%2034s.071.14.19.342A3.99%203.99%200%200%200%2018%2031m-1-11a4%204%200%200%200-4-4c-1.426%200-2.67.752-3.378%201.876l2.362%205.978A4%204%200%200%200%2013%2024c2.208%200%204-1.792%204-4%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%228%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M25%209a4%204%200%200%200%200%208c.682%200%201.315-.187%201.877-.488l1.89-4.806C28.227%2010.135%2026.752%209%2025%209m-6%2016a3.99%203.99%200%200%200%203.019%203.864l2.893-7.357A3.95%203.95%200%200%200%2023%2021c-2.208%200-4%201.792-4%204m-9-13a4%204%200%200%200-4-4c-.087%200-.169.02-.255.026c.55%201.412%201.575%204.016%202.775%207.057C9.416%2014.349%2010%2013.248%2010%2012%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23f4900c%22%20d%3D%22M18%204c7.257%200%2013%204%2014.699%202c.197-.323.301-.657.301-1c0-2-6.716-5-15-5S3%203%203%205c0%20.343.104.677.301%201C5%208%2010.743%204%2018%204%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M18%203C11.787%203%207.384%204.81%205.727%205.618c-.477.233-.539.84-.415%201.278S16%2034%2016%2034s.896%202%202%202s2-2%202-2L30.704%206.779s.213-.842-.569-1.229C28.392%204.689%2024.047%203%2018%203%22%2F%3E%3Cg%20fill%3D%22%23be1931%22%3E%3Cpath%20d%3D%22M18%2031a4%204%200%200%200-4-4c-.254%200-.5.029-.741.075L16%2034s.071.14.19.342A3.99%203.99%200%200%200%2018%2031m-1-11a4%204%200%200%200-4-4c-1.426%200-2.67.752-3.378%201.876l2.362%205.978A4%204%200%200%200%2013%2024c2.208%200%204-1.792%204-4%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%228%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M25%209a4%204%200%200%200%200%208c.682%200%201.315-.187%201.877-.488l1.89-4.806C28.227%2010.135%2026.752%209%2025%209m-6%2016a3.99%203.99%200%200%200%203.019%203.864l2.893-7.357A3.95%203.95%200%200%200%2023%2021c-2.208%200-4%201.792-4%204m-9-13a4%204%200%200%200-4-4c-.087%200-.169.02-.255.026c.55%201.412%201.575%204.016%202.775%207.057C9.416%2014.349%2010%2013.248%2010%2012%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/pizza.svg?color=%231a73e8&size=48
