pizza icon

pizza-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.

Name: pizza-fill
Set: MingCute Icon
Style: Fill
Viewbox: 24×24
License: Apache 2.0

1 other variant in MingCute Icon

The same icon in other sets

pizzaBoxIcons v2 Solid pizzaEmoji One (Colored)pizzaFluent Emoji pizzaFluent Emoji Flat pizzaFluent Emoji High Contrast pizzaIonIcons pizzaMaterial Line Icons pizzaLucide pizzaMaterial Design Icons pizzaMyna UI Icons pizzaNoto Emoji pizzaOpenMoji pizzaPhosphor pizzaTabler Icons pizzaTwitter Emoji

Use the pizza icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.5 3a1 1 0 0 1 1 1v7.19l6.94-1.892a1 1 0 0 1 1.227.702A9.5 9.5 0 1 1 11.5 3m1 11a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5m0 2a.5.5 0 1 1 0 1a.5.5 0 0 1 0-1m4.5-3a1 1 0 0 0-1 1v.01a1 1 0 1 0 2 0V14a1 1 0 0 0-1-1m-9.5-1a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3m6.969-9.847a1 1 0 0 1 .825-.109a9.52 9.52 0 0 1 5.148 3.87a1 1 0 0 1-.359 1.427l-5.606 3.038a1.001 1.001 0 0 1-1.465-1.031l1-6.5l.022-.106a1 1 0 0 1 .435-.59M8 8a1 1 0 0 0-1 1v.01a1 1 0 1 0 2 0V9a1 1 0 0 0-1-1m7.294-.339l2.807-1.52a7.5 7.5 0 0 0-2.304-1.751z"/></svg>

React

import type { SVGProps } from "react";

export function MingcutePizzaFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.5 3a1 1 0 0 1 1 1v7.19l6.94-1.892a1 1 0 0 1 1.227.702A9.5 9.5 0 1 1 11.5 3m1 11a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5m0 2a.5.5 0 1 1 0 1a.5.5 0 0 1 0-1m4.5-3a1 1 0 0 0-1 1v.01a1 1 0 1 0 2 0V14a1 1 0 0 0-1-1m-9.5-1a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3m6.969-9.847a1 1 0 0 1 .825-.109a9.52 9.52 0 0 1 5.148 3.87a1 1 0 0 1-.359 1.427l-5.606 3.038a1.001 1.001 0 0 1-1.465-1.031l1-6.5l.022-.106a1 1 0 0 1 .435-.59M8 8a1 1 0 0 0-1 1v.01a1 1 0 1 0 2 0V9a1 1 0 0 0-1-1m7.294-.339l2.807-1.52a7.5 7.5 0 0 0-2.304-1.751z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.5 3a1 1 0 0 1 1 1v7.19l6.94-1.892a1 1 0 0 1 1.227.702A9.5 9.5 0 1 1 11.5 3m1 11a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5m0 2a.5.5 0 1 1 0 1a.5.5 0 0 1 0-1m4.5-3a1 1 0 0 0-1 1v.01a1 1 0 1 0 2 0V14a1 1 0 0 0-1-1m-9.5-1a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3m6.969-9.847a1 1 0 0 1 .825-.109a9.52 9.52 0 0 1 5.148 3.87a1 1 0 0 1-.359 1.427l-5.606 3.038a1.001 1.001 0 0 1-1.465-1.031l1-6.5l.022-.106a1 1 0 0 1 .435-.59M8 8a1 1 0 0 0-1 1v.01a1 1 0 1 0 2 0V9a1 1 0 0 0-1-1m7.294-.339l2.807-1.52a7.5 7.5 0 0 0-2.304-1.751z"/></svg>
</template>

CSS

.icon-pizza-fill {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.5%203a1%201%200%200%201%201%201v7.19l6.94-1.892a1%201%200%200%201%201.227.702A9.5%209.5%200%201%201%2011.5%203m1%2011a2.5%202.5%200%201%200%200%205a2.5%202.5%200%200%200%200-5m0%202a.5.5%200%201%201%200%201a.5.5%200%200%201%200-1m4.5-3a1%201%200%200%200-1%201v.01a1%201%200%201%200%202%200V14a1%201%200%200%200-1-1m-9.5-1a1.5%201.5%200%201%200%200%203a1.5%201.5%200%200%200%200-3m6.969-9.847a1%201%200%200%201%20.825-.109a9.52%209.52%200%200%201%205.148%203.87a1%201%200%200%201-.359%201.427l-5.606%203.038a1.001%201.001%200%200%201-1.465-1.031l1-6.5l.022-.106a1%201%200%200%201%20.435-.59M8%208a1%201%200%200%200-1%201v.01a1%201%200%201%200%202%200V9a1%201%200%200%200-1-1m7.294-.339l2.807-1.52a7.5%207.5%200%200%200-2.304-1.751z%22%2F%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.5%203a1%201%200%200%201%201%201v7.19l6.94-1.892a1%201%200%200%201%201.227.702A9.5%209.5%200%201%201%2011.5%203m1%2011a2.5%202.5%200%201%200%200%205a2.5%202.5%200%200%200%200-5m0%202a.5.5%200%201%201%200%201a.5.5%200%200%201%200-1m4.5-3a1%201%200%200%200-1%201v.01a1%201%200%201%200%202%200V14a1%201%200%200%200-1-1m-9.5-1a1.5%201.5%200%201%200%200%203a1.5%201.5%200%200%200%200-3m6.969-9.847a1%201%200%200%201%20.825-.109a9.52%209.52%200%200%201%205.148%203.87a1%201%200%200%201-.359%201.427l-5.606%203.038a1.001%201.001%200%200%201-1.465-1.031l1-6.5l.022-.106a1%201%200%200%201%20.435-.59M8%208a1%201%200%200%200-1%201v.01a1%201%200%201%200%202%200V9a1%201%200%200%200-1-1m7.294-.339l2.807-1.52a7.5%207.5%200%200%200-2.304-1.751z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/pizza-fill.svg?color=%231a73e8&size=48