food toast icon
food-toast-16-regular from Fluent UI System Icons by Microsoft Corporation · 16 Regular · MIT Free for personal and commercial use.
- Name
- food-toast-16-regular
- Set
- Fluent UI System Icons
- Style
- 16 Regular
- Viewbox
- 16×16
- License
- MIT
5 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the food toast icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M4.85 6.5a.5.5 0 0 1 .5-.5h3.2a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-3.2a.5.5 0 0 1-.5-.5zm1 2.5h2.2V7h-2.2zM1.268 4.01C1.758 2.902 2.867 2 4.2 2H12c1.437 0 3 1.186 3 3c0 1.056-.59 1.951-1.004 2.407c-.007.548.015 1.274.042 2.051l.008.235c.027.792.055 1.615.055 2.307c0 .64-.066 1.239-.494 1.615c-.212.187-.47.278-.73.326A5 5 0 0 1 12 14H4c-.943 0-1.553-.283-1.866-.805c-.248-.413-.239-.895-.235-1.127L1.9 12V7.42c-1.028-1-1.107-2.335-.632-3.41M4.2 3c-.867 0-1.657.599-2.017 1.414c-.35.793-.265 1.72.541 2.405A.5.5 0 0 1 2.9 7.2v4.867c0 .271 0 .46.091.613c.062.103.253.32 1.01.32h6c.312 0 .524-.013.675-.042c.145-.028.188-.063.2-.076s.049-.053.079-.198c.03-.15.045-.365.045-.684c0-.487-.004-1.026-.007-1.57A98 98 0 0 1 11 7.386a.5.5 0 0 1 .147-.34q.12-.119.23-.222c.194-.184.364-.345.519-.572c.19-.28.346-.657.346-1.252c0-.656-.298-1.142-.728-1.478A2.55 2.55 0 0 0 10 3zm7.734 9.885l-.027.115H12c.312 0 .533-.013.696-.043c.16-.03.223-.069.252-.094c.055-.048.153-.2.153-.863c0-.674-.027-1.479-.055-2.275l-.008-.233c-.029-.862-.055-1.704-.038-2.306a.5.5 0 0 1 .156-.349C13.458 6.55 14 5.806 14 5c0-.983-.713-1.711-1.506-1.931c.447.483.748 1.13.748 1.931c0 .796-.216 1.37-.52 1.816c-.222.325-.502.59-.712.787l-.015.015c-.016.756-.01 1.768-.002 2.777c.003.55.007 1.1.007 1.605c0 .333-.014.631-.066.885"/></svg>
React
import type { SVGProps } from "react";
export function FluentFoodToast16Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M4.85 6.5a.5.5 0 0 1 .5-.5h3.2a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-3.2a.5.5 0 0 1-.5-.5zm1 2.5h2.2V7h-2.2zM1.268 4.01C1.758 2.902 2.867 2 4.2 2H12c1.437 0 3 1.186 3 3c0 1.056-.59 1.951-1.004 2.407c-.007.548.015 1.274.042 2.051l.008.235c.027.792.055 1.615.055 2.307c0 .64-.066 1.239-.494 1.615c-.212.187-.47.278-.73.326A5 5 0 0 1 12 14H4c-.943 0-1.553-.283-1.866-.805c-.248-.413-.239-.895-.235-1.127L1.9 12V7.42c-1.028-1-1.107-2.335-.632-3.41M4.2 3c-.867 0-1.657.599-2.017 1.414c-.35.793-.265 1.72.541 2.405A.5.5 0 0 1 2.9 7.2v4.867c0 .271 0 .46.091.613c.062.103.253.32 1.01.32h6c.312 0 .524-.013.675-.042c.145-.028.188-.063.2-.076s.049-.053.079-.198c.03-.15.045-.365.045-.684c0-.487-.004-1.026-.007-1.57A98 98 0 0 1 11 7.386a.5.5 0 0 1 .147-.34q.12-.119.23-.222c.194-.184.364-.345.519-.572c.19-.28.346-.657.346-1.252c0-.656-.298-1.142-.728-1.478A2.55 2.55 0 0 0 10 3zm7.734 9.885l-.027.115H12c.312 0 .533-.013.696-.043c.16-.03.223-.069.252-.094c.055-.048.153-.2.153-.863c0-.674-.027-1.479-.055-2.275l-.008-.233c-.029-.862-.055-1.704-.038-2.306a.5.5 0 0 1 .156-.349C13.458 6.55 14 5.806 14 5c0-.983-.713-1.711-1.506-1.931c.447.483.748 1.13.748 1.931c0 .796-.216 1.37-.52 1.816c-.222.325-.502.59-.712.787l-.015.015c-.016.756-.01 1.768-.002 2.777c.003.55.007 1.1.007 1.605c0 .333-.014.631-.066.885"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M4.85 6.5a.5.5 0 0 1 .5-.5h3.2a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-3.2a.5.5 0 0 1-.5-.5zm1 2.5h2.2V7h-2.2zM1.268 4.01C1.758 2.902 2.867 2 4.2 2H12c1.437 0 3 1.186 3 3c0 1.056-.59 1.951-1.004 2.407c-.007.548.015 1.274.042 2.051l.008.235c.027.792.055 1.615.055 2.307c0 .64-.066 1.239-.494 1.615c-.212.187-.47.278-.73.326A5 5 0 0 1 12 14H4c-.943 0-1.553-.283-1.866-.805c-.248-.413-.239-.895-.235-1.127L1.9 12V7.42c-1.028-1-1.107-2.335-.632-3.41M4.2 3c-.867 0-1.657.599-2.017 1.414c-.35.793-.265 1.72.541 2.405A.5.5 0 0 1 2.9 7.2v4.867c0 .271 0 .46.091.613c.062.103.253.32 1.01.32h6c.312 0 .524-.013.675-.042c.145-.028.188-.063.2-.076s.049-.053.079-.198c.03-.15.045-.365.045-.684c0-.487-.004-1.026-.007-1.57A98 98 0 0 1 11 7.386a.5.5 0 0 1 .147-.34q.12-.119.23-.222c.194-.184.364-.345.519-.572c.19-.28.346-.657.346-1.252c0-.656-.298-1.142-.728-1.478A2.55 2.55 0 0 0 10 3zm7.734 9.885l-.027.115H12c.312 0 .533-.013.696-.043c.16-.03.223-.069.252-.094c.055-.048.153-.2.153-.863c0-.674-.027-1.479-.055-2.275l-.008-.233c-.029-.862-.055-1.704-.038-2.306a.5.5 0 0 1 .156-.349C13.458 6.55 14 5.806 14 5c0-.983-.713-1.711-1.506-1.931c.447.483.748 1.13.748 1.931c0 .796-.216 1.37-.52 1.816c-.222.325-.502.59-.712.787l-.015.015c-.016.756-.01 1.768-.002 2.777c.003.55.007 1.1.007 1.605c0 .333-.014.631-.066.885"/></svg> </template>
CSS
.icon-food-toast-16-regular {
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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.85%206.5a.5.5%200%200%201%20.5-.5h3.2a.5.5%200%200%201%20.5.5v3a.5.5%200%200%201-.5.5h-3.2a.5.5%200%200%201-.5-.5zm1%202.5h2.2V7h-2.2zM1.268%204.01C1.758%202.902%202.867%202%204.2%202H12c1.437%200%203%201.186%203%203c0%201.056-.59%201.951-1.004%202.407c-.007.548.015%201.274.042%202.051l.008.235c.027.792.055%201.615.055%202.307c0%20.64-.066%201.239-.494%201.615c-.212.187-.47.278-.73.326A5%205%200%200%201%2012%2014H4c-.943%200-1.553-.283-1.866-.805c-.248-.413-.239-.895-.235-1.127L1.9%2012V7.42c-1.028-1-1.107-2.335-.632-3.41M4.2%203c-.867%200-1.657.599-2.017%201.414c-.35.793-.265%201.72.541%202.405A.5.5%200%200%201%202.9%207.2v4.867c0%20.271%200%20.46.091.613c.062.103.253.32%201.01.32h6c.312%200%20.524-.013.675-.042c.145-.028.188-.063.2-.076s.049-.053.079-.198c.03-.15.045-.365.045-.684c0-.487-.004-1.026-.007-1.57A98%2098%200%200%201%2011%207.386a.5.5%200%200%201%20.147-.34q.12-.119.23-.222c.194-.184.364-.345.519-.572c.19-.28.346-.657.346-1.252c0-.656-.298-1.142-.728-1.478A2.55%202.55%200%200%200%2010%203zm7.734%209.885l-.027.115H12c.312%200%20.533-.013.696-.043c.16-.03.223-.069.252-.094c.055-.048.153-.2.153-.863c0-.674-.027-1.479-.055-2.275l-.008-.233c-.029-.862-.055-1.704-.038-2.306a.5.5%200%200%201%20.156-.349C13.458%206.55%2014%205.806%2014%205c0-.983-.713-1.711-1.506-1.931c.447.483.748%201.13.748%201.931c0%20.796-.216%201.37-.52%201.816c-.222.325-.502.59-.712.787l-.015.015c-.016.756-.01%201.768-.002%202.777c.003.55.007%201.1.007%201.605c0%20.333-.014.631-.066.885%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.85%206.5a.5.5%200%200%201%20.5-.5h3.2a.5.5%200%200%201%20.5.5v3a.5.5%200%200%201-.5.5h-3.2a.5.5%200%200%201-.5-.5zm1%202.5h2.2V7h-2.2zM1.268%204.01C1.758%202.902%202.867%202%204.2%202H12c1.437%200%203%201.186%203%203c0%201.056-.59%201.951-1.004%202.407c-.007.548.015%201.274.042%202.051l.008.235c.027.792.055%201.615.055%202.307c0%20.64-.066%201.239-.494%201.615c-.212.187-.47.278-.73.326A5%205%200%200%201%2012%2014H4c-.943%200-1.553-.283-1.866-.805c-.248-.413-.239-.895-.235-1.127L1.9%2012V7.42c-1.028-1-1.107-2.335-.632-3.41M4.2%203c-.867%200-1.657.599-2.017%201.414c-.35.793-.265%201.72.541%202.405A.5.5%200%200%201%202.9%207.2v4.867c0%20.271%200%20.46.091.613c.062.103.253.32%201.01.32h6c.312%200%20.524-.013.675-.042c.145-.028.188-.063.2-.076s.049-.053.079-.198c.03-.15.045-.365.045-.684c0-.487-.004-1.026-.007-1.57A98%2098%200%200%201%2011%207.386a.5.5%200%200%201%20.147-.34q.12-.119.23-.222c.194-.184.364-.345.519-.572c.19-.28.346-.657.346-1.252c0-.656-.298-1.142-.728-1.478A2.55%202.55%200%200%200%2010%203zm7.734%209.885l-.027.115H12c.312%200%20.533-.013.696-.043c.16-.03.223-.069.252-.094c.055-.048.153-.2.153-.863c0-.674-.027-1.479-.055-2.275l-.008-.233c-.029-.862-.055-1.704-.038-2.306a.5.5%200%200%201%20.156-.349C13.458%206.55%2014%205.806%2014%205c0-.983-.713-1.711-1.506-1.931c.447.483.748%201.13.748%201.931c0%20.796-.216%201.37-.52%201.816c-.222.325-.502.59-.712.787l-.015.015c-.016.756-.01%201.768-.002%202.777c.003.55.007%201.1.007%201.605c0%20.333-.014.631-.066.885%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/food-toast-16-regular.svg?color=%231a73e8&size=48
