food toast icon
food-toast-16-filled from Fluent UI System Icons by Microsoft Corporation · 16 Filled · MIT Free for personal and commercial use.
- Name
- food-toast-16-filled
- Set
- Fluent UI System Icons
- Style
- 16 Filled
- 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 3z"/></svg>
React
import type { SVGProps } from "react";
export function FluentFoodToast16Filled(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 3z"/></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 3z"/></svg> </template>
CSS
.icon-food-toast-16-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%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%203z%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%203z%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-filled.svg?color=%231a73e8&size=48
