pizza slice icon

pizza-slice-filled from Reicon by REICON · Filled · Food · MIT Free for personal and commercial use.

Name
pizza-slice-filled
Set
Reicon
Style
Filled
Category
Food
Viewbox
24×24
License
MIT

1 other variant in Reicon

pizza-slice

The same icon in other sets

All pizza slice icons →
pizza-sliceFont Awesome 6 Solidpizza-sliceFont Awesome Solidpizza-slice-outlineFlowbite Iconspizza-sliceIconoirpizza-sliceJam Iconspizza-sliceLine Awesomepizza-sliceUnicons

More food icons from Reicon

bottlechef-hatchef-hat-heartchef-hat2cookiecorkscrewcup-hotcup-paperdonutdonut2food-trayfork-knifehot-drinkladlemugoven-mittsoven-mitts2rolling-pintea-cupwhiskwineglasswineglass2

Use the pizza slice icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M6 12c1.287 0 2.333 1.047 2.333 2.333S7.287 16.667 6 16.667z"/><circle cx="10.667" cy="12" r="1.333"/><path d="M20.628 10.192c-3.261-4.707-8.392-7.67-14.077-8.13a2.38 2.38 0 0 0-1.802.62A2.34 2.34 0 0 0 4 4.391V18.69a2.31 2.31 0 0 0 1.167 2.02a2.31 2.31 0 0 0 2.333 0l1.167-.672v.296a1 1 0 0 0 2 0v-.874c0-.593-.32-1.146-.835-1.444a1.65 1.65 0 0 0-1.665 0L6.5 18.98a.32.32 0 0 1-.333 0A.32.32 0 0 1 6 18.69V7.733a13.35 13.35 0 0 1 9.99 5.767l-2.157 1.245A3.68 3.68 0 0 0 12 17.92v3.747a1 1 0 0 0 2 0V17.92c0-.593.319-1.147.833-1.444l5.05-2.916a2.34 2.34 0 0 0 1.109-1.51a2.37 2.37 0 0 0-.364-1.86Z"/></g></svg>

React

import type { SVGProps } from "react";

export function ReiconPizzaSliceFilled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M6 12c1.287 0 2.333 1.047 2.333 2.333S7.287 16.667 6 16.667z"/><circle cx="10.667" cy="12" r="1.333"/><path d="M20.628 10.192c-3.261-4.707-8.392-7.67-14.077-8.13a2.38 2.38 0 0 0-1.802.62A2.34 2.34 0 0 0 4 4.391V18.69a2.31 2.31 0 0 0 1.167 2.02a2.31 2.31 0 0 0 2.333 0l1.167-.672v.296a1 1 0 0 0 2 0v-.874c0-.593-.32-1.146-.835-1.444a1.65 1.65 0 0 0-1.665 0L6.5 18.98a.32.32 0 0 1-.333 0A.32.32 0 0 1 6 18.69V7.733a13.35 13.35 0 0 1 9.99 5.767l-2.157 1.245A3.68 3.68 0 0 0 12 17.92v3.747a1 1 0 0 0 2 0V17.92c0-.593.319-1.147.833-1.444l5.05-2.916a2.34 2.34 0 0 0 1.109-1.51a2.37 2.37 0 0 0-.364-1.86Z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M6 12c1.287 0 2.333 1.047 2.333 2.333S7.287 16.667 6 16.667z"/><circle cx="10.667" cy="12" r="1.333"/><path d="M20.628 10.192c-3.261-4.707-8.392-7.67-14.077-8.13a2.38 2.38 0 0 0-1.802.62A2.34 2.34 0 0 0 4 4.391V18.69a2.31 2.31 0 0 0 1.167 2.02a2.31 2.31 0 0 0 2.333 0l1.167-.672v.296a1 1 0 0 0 2 0v-.874c0-.593-.32-1.146-.835-1.444a1.65 1.65 0 0 0-1.665 0L6.5 18.98a.32.32 0 0 1-.333 0A.32.32 0 0 1 6 18.69V7.733a13.35 13.35 0 0 1 9.99 5.767l-2.157 1.245A3.68 3.68 0 0 0 12 17.92v3.747a1 1 0 0 0 2 0V17.92c0-.593.319-1.147.833-1.444l5.05-2.916a2.34 2.34 0 0 0 1.109-1.51a2.37 2.37 0 0 0-.364-1.86Z"/></g></svg>
</template>

CSS

.icon-pizza-slice-filled {
  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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M6%2012c1.287%200%202.333%201.047%202.333%202.333S7.287%2016.667%206%2016.667z%22%2F%3E%3Ccircle%20cx%3D%2210.667%22%20cy%3D%2212%22%20r%3D%221.333%22%2F%3E%3Cpath%20d%3D%22M20.628%2010.192c-3.261-4.707-8.392-7.67-14.077-8.13a2.38%202.38%200%200%200-1.802.62A2.34%202.34%200%200%200%204%204.391V18.69a2.31%202.31%200%200%200%201.167%202.02a2.31%202.31%200%200%200%202.333%200l1.167-.672v.296a1%201%200%200%200%202%200v-.874c0-.593-.32-1.146-.835-1.444a1.65%201.65%200%200%200-1.665%200L6.5%2018.98a.32.32%200%200%201-.333%200A.32.32%200%200%201%206%2018.69V7.733a13.35%2013.35%200%200%201%209.99%205.767l-2.157%201.245A3.68%203.68%200%200%200%2012%2017.92v3.747a1%201%200%200%200%202%200V17.92c0-.593.319-1.147.833-1.444l5.05-2.916a2.34%202.34%200%200%200%201.109-1.51a2.37%202.37%200%200%200-.364-1.86Z%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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M6%2012c1.287%200%202.333%201.047%202.333%202.333S7.287%2016.667%206%2016.667z%22%2F%3E%3Ccircle%20cx%3D%2210.667%22%20cy%3D%2212%22%20r%3D%221.333%22%2F%3E%3Cpath%20d%3D%22M20.628%2010.192c-3.261-4.707-8.392-7.67-14.077-8.13a2.38%202.38%200%200%200-1.802.62A2.34%202.34%200%200%200%204%204.391V18.69a2.31%202.31%200%200%200%201.167%202.02a2.31%202.31%200%200%200%202.333%200l1.167-.672v.296a1%201%200%200%200%202%200v-.874c0-.593-.32-1.146-.835-1.444a1.65%201.65%200%200%200-1.665%200L6.5%2018.98a.32.32%200%200%201-.333%200A.32.32%200%200%201%206%2018.69V7.733a13.35%2013.35%200%200%201%209.99%205.767l-2.157%201.245A3.68%203.68%200%200%200%2012%2017.92v3.747a1%201%200%200%200%202%200V17.92c0-.593.319-1.147.833-1.444l5.05-2.916a2.34%202.34%200%200%200%201.109-1.51a2.37%202.37%200%200%200-.364-1.86Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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

Pizza Slice filled icon — Reicon · IconsDB