pizza slice icon
pizza-slice from Line Awesome by Icons8 · Line · Food · Apache-2.0 Free for personal and commercial use.
- Name
- pizza-slice
- Set
- Line Awesome
- Style
- Line
- Category
- Food
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- pizza-slice-solid
The same icon in other sets
More food icons from Line Awesome
Use the pizza slice icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m12.375 3.813l-.313.843l-8 21.907l-.218.593l1 1l.593-.218l21.907-8l.843-.313l-.218-.875s-1.41-5.629-5.25-9.469s-9.469-5.25-9.469-5.25zm1.219 2.468c1.136.352 4.836 1.586 7.687 4.438s4.086 6.55 4.438 7.687l-1.532.563a10.5 10.5 0 0 0-.437-1.407c-.61-1.511-1.746-3.496-3.781-5.53c-2.035-2.036-4.02-3.141-5.532-3.75c-.539-.216-1-.36-1.406-.47zm-1.219 3.407c.336.09.766.218 1.313.437c1.289.52 3.046 1.484 4.874 3.313c.536.535.977 1.05 1.375 1.562A2.004 2.004 0 0 0 18 17a2 2 0 0 0 2 2c.738 0 1.371-.402 1.719-1c.043.102.117.215.156.313c.227.562.348 1.007.438 1.343l-10 3.625A1.48 1.48 0 0 0 11 22.5a1.5 1.5 0 0 0-1.469 1.813l-2.906 1.062l3.5-9.594A2 2 0 0 0 11 16a2 2 0 0 0 .5-3.938zM14 17.5a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3"/></svg>
React
import type { SVGProps } from "react";
export function LaPizzaSlice(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m12.375 3.813l-.313.843l-8 21.907l-.218.593l1 1l.593-.218l21.907-8l.843-.313l-.218-.875s-1.41-5.629-5.25-9.469s-9.469-5.25-9.469-5.25zm1.219 2.468c1.136.352 4.836 1.586 7.687 4.438s4.086 6.55 4.438 7.687l-1.532.563a10.5 10.5 0 0 0-.437-1.407c-.61-1.511-1.746-3.496-3.781-5.53c-2.035-2.036-4.02-3.141-5.532-3.75c-.539-.216-1-.36-1.406-.47zm-1.219 3.407c.336.09.766.218 1.313.437c1.289.52 3.046 1.484 4.874 3.313c.536.535.977 1.05 1.375 1.562A2.004 2.004 0 0 0 18 17a2 2 0 0 0 2 2c.738 0 1.371-.402 1.719-1c.043.102.117.215.156.313c.227.562.348 1.007.438 1.343l-10 3.625A1.48 1.48 0 0 0 11 22.5a1.5 1.5 0 0 0-1.469 1.813l-2.906 1.062l3.5-9.594A2 2 0 0 0 11 16a2 2 0 0 0 .5-3.938zM14 17.5a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m12.375 3.813l-.313.843l-8 21.907l-.218.593l1 1l.593-.218l21.907-8l.843-.313l-.218-.875s-1.41-5.629-5.25-9.469s-9.469-5.25-9.469-5.25zm1.219 2.468c1.136.352 4.836 1.586 7.687 4.438s4.086 6.55 4.438 7.687l-1.532.563a10.5 10.5 0 0 0-.437-1.407c-.61-1.511-1.746-3.496-3.781-5.53c-2.035-2.036-4.02-3.141-5.532-3.75c-.539-.216-1-.36-1.406-.47zm-1.219 3.407c.336.09.766.218 1.313.437c1.289.52 3.046 1.484 4.874 3.313c.536.535.977 1.05 1.375 1.562A2.004 2.004 0 0 0 18 17a2 2 0 0 0 2 2c.738 0 1.371-.402 1.719-1c.043.102.117.215.156.313c.227.562.348 1.007.438 1.343l-10 3.625A1.48 1.48 0 0 0 11 22.5a1.5 1.5 0 0 0-1.469 1.813l-2.906 1.062l3.5-9.594A2 2 0 0 0 11 16a2 2 0 0 0 .5-3.938zM14 17.5a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3"/></svg> </template>
CSS
.icon-pizza-slice {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m12.375%203.813l-.313.843l-8%2021.907l-.218.593l1%201l.593-.218l21.907-8l.843-.313l-.218-.875s-1.41-5.629-5.25-9.469s-9.469-5.25-9.469-5.25zm1.219%202.468c1.136.352%204.836%201.586%207.687%204.438s4.086%206.55%204.438%207.687l-1.532.563a10.5%2010.5%200%200%200-.437-1.407c-.61-1.511-1.746-3.496-3.781-5.53c-2.035-2.036-4.02-3.141-5.532-3.75c-.539-.216-1-.36-1.406-.47zm-1.219%203.407c.336.09.766.218%201.313.437c1.289.52%203.046%201.484%204.874%203.313c.536.535.977%201.05%201.375%201.562A2.004%202.004%200%200%200%2018%2017a2%202%200%200%200%202%202c.738%200%201.371-.402%201.719-1c.043.102.117.215.156.313c.227.562.348%201.007.438%201.343l-10%203.625A1.48%201.48%200%200%200%2011%2022.5a1.5%201.5%200%200%200-1.469%201.813l-2.906%201.062l3.5-9.594A2%202%200%200%200%2011%2016a2%202%200%200%200%20.5-3.938zM14%2017.5a1.5%201.5%200%201%200%200%203a1.5%201.5%200%200%200%200-3%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m12.375%203.813l-.313.843l-8%2021.907l-.218.593l1%201l.593-.218l21.907-8l.843-.313l-.218-.875s-1.41-5.629-5.25-9.469s-9.469-5.25-9.469-5.25zm1.219%202.468c1.136.352%204.836%201.586%207.687%204.438s4.086%206.55%204.438%207.687l-1.532.563a10.5%2010.5%200%200%200-.437-1.407c-.61-1.511-1.746-3.496-3.781-5.53c-2.035-2.036-4.02-3.141-5.532-3.75c-.539-.216-1-.36-1.406-.47zm-1.219%203.407c.336.09.766.218%201.313.437c1.289.52%203.046%201.484%204.874%203.313c.536.535.977%201.05%201.375%201.562A2.004%202.004%200%200%200%2018%2017a2%202%200%200%200%202%202c.738%200%201.371-.402%201.719-1c.043.102.117.215.156.313c.227.562.348%201.007.438%201.343l-10%203.625A1.48%201.48%200%200%200%2011%2022.5a1.5%201.5%200%200%200-1.469%201.813l-2.906%201.062l3.5-9.594A2%202%200%200%200%2011%2016a2%202%200%200%200%20.5-3.938zM14%2017.5a1.5%201.5%200%201%200%200%203a1.5%201.5%200%200%200%200-3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/pizza-slice.svg?color=%231a73e8&size=48
