food toast icon
food-toast-20-filled from Fluent UI System Icons by Microsoft Corporation · 20 Filled · MIT Free for personal and commercial use.
- Name
- food-toast-20-filled
- Set
- Fluent UI System Icons
- Style
- 20 Filled
- Viewbox
- 20×20
- 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 20 20"><path fill="currentColor" d="M6.779 7.455a.5.5 0 0 0-.5.5v4.09a.5.5 0 0 0 .5.5h4.345a.5.5 0 0 0 .5-.5v-4.09a.5.5 0 0 0-.5-.5zm.5 1h3.345v3.09H7.28zM5.452 2.5c-1.634 0-3.002 1.106-3.608 2.478c-.59 1.337-.484 2.994.817 4.227v5.886l-.001.09c-.005.3-.015.871.279 1.36c.364.608 1.083.959 2.258.959h10.182a6 6 0 0 0 1.092-.073c.317-.059.617-.168.863-.384c.494-.433.583-1.134.583-1.952c0-.878-.036-1.92-.07-2.927l-.001-.006c-.038-1.12-.075-2.189-.063-2.967c.513-.551 1.277-1.681 1.277-3.01c0-2.222-1.917-3.681-3.681-3.681zm7.381 1c.622 0 1.383.301 1.995.82c.606.513.99 1.176.995 1.85c-.04.754-.206 1.235-.404 1.58a3 3 0 0 1-.562.688l-.158.148a14 14 0 0 0-.31.297l-.14.14l-.007.199c-.029 1.002-.019 2.44-.01 3.842v.01c.006.697.01 1.387.01 2.017c0 .408-.018.693-.06.898c-.041.2-.096.28-.138.322s-.125.094-.325.133c-.128.025-.286.04-.484.049a10 10 0 0 1-.402.007H5.197c-.988 0-1.288-.285-1.4-.473c-.139-.23-.138-.508-.137-.84V8.98a.5.5 0 0 0-.175-.38c-1.08-.917-1.192-2.165-.726-3.22c.476-1.076 1.526-1.88 2.693-1.88z"/></svg>
React
import type { SVGProps } from "react";
export function FluentFoodToast20Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M6.779 7.455a.5.5 0 0 0-.5.5v4.09a.5.5 0 0 0 .5.5h4.345a.5.5 0 0 0 .5-.5v-4.09a.5.5 0 0 0-.5-.5zm.5 1h3.345v3.09H7.28zM5.452 2.5c-1.634 0-3.002 1.106-3.608 2.478c-.59 1.337-.484 2.994.817 4.227v5.886l-.001.09c-.005.3-.015.871.279 1.36c.364.608 1.083.959 2.258.959h10.182a6 6 0 0 0 1.092-.073c.317-.059.617-.168.863-.384c.494-.433.583-1.134.583-1.952c0-.878-.036-1.92-.07-2.927l-.001-.006c-.038-1.12-.075-2.189-.063-2.967c.513-.551 1.277-1.681 1.277-3.01c0-2.222-1.917-3.681-3.681-3.681zm7.381 1c.622 0 1.383.301 1.995.82c.606.513.99 1.176.995 1.85c-.04.754-.206 1.235-.404 1.58a3 3 0 0 1-.562.688l-.158.148a14 14 0 0 0-.31.297l-.14.14l-.007.199c-.029 1.002-.019 2.44-.01 3.842v.01c.006.697.01 1.387.01 2.017c0 .408-.018.693-.06.898c-.041.2-.096.28-.138.322s-.125.094-.325.133c-.128.025-.286.04-.484.049a10 10 0 0 1-.402.007H5.197c-.988 0-1.288-.285-1.4-.473c-.139-.23-.138-.508-.137-.84V8.98a.5.5 0 0 0-.175-.38c-1.08-.917-1.192-2.165-.726-3.22c.476-1.076 1.526-1.88 2.693-1.88z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M6.779 7.455a.5.5 0 0 0-.5.5v4.09a.5.5 0 0 0 .5.5h4.345a.5.5 0 0 0 .5-.5v-4.09a.5.5 0 0 0-.5-.5zm.5 1h3.345v3.09H7.28zM5.452 2.5c-1.634 0-3.002 1.106-3.608 2.478c-.59 1.337-.484 2.994.817 4.227v5.886l-.001.09c-.005.3-.015.871.279 1.36c.364.608 1.083.959 2.258.959h10.182a6 6 0 0 0 1.092-.073c.317-.059.617-.168.863-.384c.494-.433.583-1.134.583-1.952c0-.878-.036-1.92-.07-2.927l-.001-.006c-.038-1.12-.075-2.189-.063-2.967c.513-.551 1.277-1.681 1.277-3.01c0-2.222-1.917-3.681-3.681-3.681zm7.381 1c.622 0 1.383.301 1.995.82c.606.513.99 1.176.995 1.85c-.04.754-.206 1.235-.404 1.58a3 3 0 0 1-.562.688l-.158.148a14 14 0 0 0-.31.297l-.14.14l-.007.199c-.029 1.002-.019 2.44-.01 3.842v.01c.006.697.01 1.387.01 2.017c0 .408-.018.693-.06.898c-.041.2-.096.28-.138.322s-.125.094-.325.133c-.128.025-.286.04-.484.049a10 10 0 0 1-.402.007H5.197c-.988 0-1.288-.285-1.4-.473c-.139-.23-.138-.508-.137-.84V8.98a.5.5 0 0 0-.175-.38c-1.08-.917-1.192-2.165-.726-3.22c.476-1.076 1.526-1.88 2.693-1.88z"/></svg> </template>
CSS
.icon-food-toast-20-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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.779%207.455a.5.5%200%200%200-.5.5v4.09a.5.5%200%200%200%20.5.5h4.345a.5.5%200%200%200%20.5-.5v-4.09a.5.5%200%200%200-.5-.5zm.5%201h3.345v3.09H7.28zM5.452%202.5c-1.634%200-3.002%201.106-3.608%202.478c-.59%201.337-.484%202.994.817%204.227v5.886l-.001.09c-.005.3-.015.871.279%201.36c.364.608%201.083.959%202.258.959h10.182a6%206%200%200%200%201.092-.073c.317-.059.617-.168.863-.384c.494-.433.583-1.134.583-1.952c0-.878-.036-1.92-.07-2.927l-.001-.006c-.038-1.12-.075-2.189-.063-2.967c.513-.551%201.277-1.681%201.277-3.01c0-2.222-1.917-3.681-3.681-3.681zm7.381%201c.622%200%201.383.301%201.995.82c.606.513.99%201.176.995%201.85c-.04.754-.206%201.235-.404%201.58a3%203%200%200%201-.562.688l-.158.148a14%2014%200%200%200-.31.297l-.14.14l-.007.199c-.029%201.002-.019%202.44-.01%203.842v.01c.006.697.01%201.387.01%202.017c0%20.408-.018.693-.06.898c-.041.2-.096.28-.138.322s-.125.094-.325.133c-.128.025-.286.04-.484.049a10%2010%200%200%201-.402.007H5.197c-.988%200-1.288-.285-1.4-.473c-.139-.23-.138-.508-.137-.84V8.98a.5.5%200%200%200-.175-.38c-1.08-.917-1.192-2.165-.726-3.22c.476-1.076%201.526-1.88%202.693-1.88z%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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.779%207.455a.5.5%200%200%200-.5.5v4.09a.5.5%200%200%200%20.5.5h4.345a.5.5%200%200%200%20.5-.5v-4.09a.5.5%200%200%200-.5-.5zm.5%201h3.345v3.09H7.28zM5.452%202.5c-1.634%200-3.002%201.106-3.608%202.478c-.59%201.337-.484%202.994.817%204.227v5.886l-.001.09c-.005.3-.015.871.279%201.36c.364.608%201.083.959%202.258.959h10.182a6%206%200%200%200%201.092-.073c.317-.059.617-.168.863-.384c.494-.433.583-1.134.583-1.952c0-.878-.036-1.92-.07-2.927l-.001-.006c-.038-1.12-.075-2.189-.063-2.967c.513-.551%201.277-1.681%201.277-3.01c0-2.222-1.917-3.681-3.681-3.681zm7.381%201c.622%200%201.383.301%201.995.82c.606.513.99%201.176.995%201.85c-.04.754-.206%201.235-.404%201.58a3%203%200%200%201-.562.688l-.158.148a14%2014%200%200%200-.31.297l-.14.14l-.007.199c-.029%201.002-.019%202.44-.01%203.842v.01c.006.697.01%201.387.01%202.017c0%20.408-.018.693-.06.898c-.041.2-.096.28-.138.322s-.125.094-.325.133c-.128.025-.286.04-.484.049a10%2010%200%200%201-.402.007H5.197c-.988%200-1.288-.285-1.4-.473c-.139-.23-.138-.508-.137-.84V8.98a.5.5%200%200%200-.175-.38c-1.08-.917-1.192-2.165-.726-3.22c.476-1.076%201.526-1.88%202.693-1.88z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/food-toast-20-filled.svg?color=%231a73e8&size=48
