fast food icon

fast-food from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.

Name: fast-food
Set: IonIcons
Style: Regular
Viewbox: 512×512
License: MIT

2 other variants in IonIcons

Use the fast food icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M368 128h.09m111.46-32h-91.06l8.92-35.66l38.32-13.05c8.15-2.77 13-11.43 10.65-19.71a16 16 0 0 0-20.54-10.73l-47 16a16 16 0 0 0-10.36 11.27L355.51 96H224.45c-8.61 0-16 6.62-16.43 15.23A16 16 0 0 0 224 128h2.75l1 8.66A8.3 8.3 0 0 0 236 144c39 0 73.66 10.9 100.12 31.52A121.9 121.9 0 0 1 371 218.07a123.4 123.4 0 0 1 10.12 29.51a7.83 7.83 0 0 0 3.29 4.88a72 72 0 0 1 26.38 86.43a7.92 7.92 0 0 0-.15 5.53A96 96 0 0 1 416 376c0 22.34-7.6 43.63-21.4 59.95a80.1 80.1 0 0 1-28.78 21.67a8 8 0 0 0-4.21 4.37a108.2 108.2 0 0 1-17.37 29.86a2.5 2.5 0 0 0 1.9 4.11h49.21a48.22 48.22 0 0 0 47.85-44.14L477.4 128h2.6a16 16 0 0 0 16-16.77c-.42-8.61-7.84-15.23-16.45-15.23"/><path fill="currentColor" d="M108.69 320a23.87 23.87 0 0 1 17 7l15.51 15.51a4 4 0 0 0 5.66 0L162.34 327a23.87 23.87 0 0 1 17-7h196.58a8 8 0 0 0 8.08-7.92V312a40.07 40.07 0 0 0-32-39.2c-.82-29.69-13-54.54-35.51-72C295.67 184.56 267.85 176 236 176h-72c-68.22 0-114.43 38.77-116 96.8A40.07 40.07 0 0 0 16 312a8 8 0 0 0 8 8Zm77.25 32a8 8 0 0 0-5.66 2.34l-22.14 22.15a20 20 0 0 1-28.28 0l-22.14-22.15a8 8 0 0 0-5.66-2.34h-69.4a15.93 15.93 0 0 0-15.76 13.17A65 65 0 0 0 16 376c0 30.59 21.13 55.51 47.26 56c2.43 15.12 8.31 28.78 17.16 39.47C93.51 487.28 112.54 496 134 496h132c21.46 0 40.49-8.72 53.58-24.55c8.85-10.69 14.73-24.35 17.16-39.47c26.13-.47 47.26-25.39 47.26-56a65 65 0 0 0-.9-10.83A15.93 15.93 0 0 0 367.34 352Z"/></svg>

React

import type { SVGProps } from "react";

export function IonFastFood(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M368 128h.09m111.46-32h-91.06l8.92-35.66l38.32-13.05c8.15-2.77 13-11.43 10.65-19.71a16 16 0 0 0-20.54-10.73l-47 16a16 16 0 0 0-10.36 11.27L355.51 96H224.45c-8.61 0-16 6.62-16.43 15.23A16 16 0 0 0 224 128h2.75l1 8.66A8.3 8.3 0 0 0 236 144c39 0 73.66 10.9 100.12 31.52A121.9 121.9 0 0 1 371 218.07a123.4 123.4 0 0 1 10.12 29.51a7.83 7.83 0 0 0 3.29 4.88a72 72 0 0 1 26.38 86.43a7.92 7.92 0 0 0-.15 5.53A96 96 0 0 1 416 376c0 22.34-7.6 43.63-21.4 59.95a80.1 80.1 0 0 1-28.78 21.67a8 8 0 0 0-4.21 4.37a108.2 108.2 0 0 1-17.37 29.86a2.5 2.5 0 0 0 1.9 4.11h49.21a48.22 48.22 0 0 0 47.85-44.14L477.4 128h2.6a16 16 0 0 0 16-16.77c-.42-8.61-7.84-15.23-16.45-15.23"/><path fill="currentColor" d="M108.69 320a23.87 23.87 0 0 1 17 7l15.51 15.51a4 4 0 0 0 5.66 0L162.34 327a23.87 23.87 0 0 1 17-7h196.58a8 8 0 0 0 8.08-7.92V312a40.07 40.07 0 0 0-32-39.2c-.82-29.69-13-54.54-35.51-72C295.67 184.56 267.85 176 236 176h-72c-68.22 0-114.43 38.77-116 96.8A40.07 40.07 0 0 0 16 312a8 8 0 0 0 8 8Zm77.25 32a8 8 0 0 0-5.66 2.34l-22.14 22.15a20 20 0 0 1-28.28 0l-22.14-22.15a8 8 0 0 0-5.66-2.34h-69.4a15.93 15.93 0 0 0-15.76 13.17A65 65 0 0 0 16 376c0 30.59 21.13 55.51 47.26 56c2.43 15.12 8.31 28.78 17.16 39.47C93.51 487.28 112.54 496 134 496h132c21.46 0 40.49-8.72 53.58-24.55c8.85-10.69 14.73-24.35 17.16-39.47c26.13-.47 47.26-25.39 47.26-56a65 65 0 0 0-.9-10.83A15.93 15.93 0 0 0 367.34 352Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M368 128h.09m111.46-32h-91.06l8.92-35.66l38.32-13.05c8.15-2.77 13-11.43 10.65-19.71a16 16 0 0 0-20.54-10.73l-47 16a16 16 0 0 0-10.36 11.27L355.51 96H224.45c-8.61 0-16 6.62-16.43 15.23A16 16 0 0 0 224 128h2.75l1 8.66A8.3 8.3 0 0 0 236 144c39 0 73.66 10.9 100.12 31.52A121.9 121.9 0 0 1 371 218.07a123.4 123.4 0 0 1 10.12 29.51a7.83 7.83 0 0 0 3.29 4.88a72 72 0 0 1 26.38 86.43a7.92 7.92 0 0 0-.15 5.53A96 96 0 0 1 416 376c0 22.34-7.6 43.63-21.4 59.95a80.1 80.1 0 0 1-28.78 21.67a8 8 0 0 0-4.21 4.37a108.2 108.2 0 0 1-17.37 29.86a2.5 2.5 0 0 0 1.9 4.11h49.21a48.22 48.22 0 0 0 47.85-44.14L477.4 128h2.6a16 16 0 0 0 16-16.77c-.42-8.61-7.84-15.23-16.45-15.23"/><path fill="currentColor" d="M108.69 320a23.87 23.87 0 0 1 17 7l15.51 15.51a4 4 0 0 0 5.66 0L162.34 327a23.87 23.87 0 0 1 17-7h196.58a8 8 0 0 0 8.08-7.92V312a40.07 40.07 0 0 0-32-39.2c-.82-29.69-13-54.54-35.51-72C295.67 184.56 267.85 176 236 176h-72c-68.22 0-114.43 38.77-116 96.8A40.07 40.07 0 0 0 16 312a8 8 0 0 0 8 8Zm77.25 32a8 8 0 0 0-5.66 2.34l-22.14 22.15a20 20 0 0 1-28.28 0l-22.14-22.15a8 8 0 0 0-5.66-2.34h-69.4a15.93 15.93 0 0 0-15.76 13.17A65 65 0 0 0 16 376c0 30.59 21.13 55.51 47.26 56c2.43 15.12 8.31 28.78 17.16 39.47C93.51 487.28 112.54 496 134 496h132c21.46 0 40.49-8.72 53.58-24.55c8.85-10.69 14.73-24.35 17.16-39.47c26.13-.47 47.26-25.39 47.26-56a65 65 0 0 0-.9-10.83A15.93 15.93 0 0 0 367.34 352Z"/></svg>
</template>

CSS

.icon-fast-food {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M368%20128h.09m111.46-32h-91.06l8.92-35.66l38.32-13.05c8.15-2.77%2013-11.43%2010.65-19.71a16%2016%200%200%200-20.54-10.73l-47%2016a16%2016%200%200%200-10.36%2011.27L355.51%2096H224.45c-8.61%200-16%206.62-16.43%2015.23A16%2016%200%200%200%20224%20128h2.75l1%208.66A8.3%208.3%200%200%200%20236%20144c39%200%2073.66%2010.9%20100.12%2031.52A121.9%20121.9%200%200%201%20371%20218.07a123.4%20123.4%200%200%201%2010.12%2029.51a7.83%207.83%200%200%200%203.29%204.88a72%2072%200%200%201%2026.38%2086.43a7.92%207.92%200%200%200-.15%205.53A96%2096%200%200%201%20416%20376c0%2022.34-7.6%2043.63-21.4%2059.95a80.1%2080.1%200%200%201-28.78%2021.67a8%208%200%200%200-4.21%204.37a108.2%20108.2%200%200%201-17.37%2029.86a2.5%202.5%200%200%200%201.9%204.11h49.21a48.22%2048.22%200%200%200%2047.85-44.14L477.4%20128h2.6a16%2016%200%200%200%2016-16.77c-.42-8.61-7.84-15.23-16.45-15.23%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M108.69%20320a23.87%2023.87%200%200%201%2017%207l15.51%2015.51a4%204%200%200%200%205.66%200L162.34%20327a23.87%2023.87%200%200%201%2017-7h196.58a8%208%200%200%200%208.08-7.92V312a40.07%2040.07%200%200%200-32-39.2c-.82-29.69-13-54.54-35.51-72C295.67%20184.56%20267.85%20176%20236%20176h-72c-68.22%200-114.43%2038.77-116%2096.8A40.07%2040.07%200%200%200%2016%20312a8%208%200%200%200%208%208Zm77.25%2032a8%208%200%200%200-5.66%202.34l-22.14%2022.15a20%2020%200%200%201-28.28%200l-22.14-22.15a8%208%200%200%200-5.66-2.34h-69.4a15.93%2015.93%200%200%200-15.76%2013.17A65%2065%200%200%200%2016%20376c0%2030.59%2021.13%2055.51%2047.26%2056c2.43%2015.12%208.31%2028.78%2017.16%2039.47C93.51%20487.28%20112.54%20496%20134%20496h132c21.46%200%2040.49-8.72%2053.58-24.55c8.85-10.69%2014.73-24.35%2017.16-39.47c26.13-.47%2047.26-25.39%2047.26-56a65%2065%200%200%200-.9-10.83A15.93%2015.93%200%200%200%20367.34%20352Z%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M368%20128h.09m111.46-32h-91.06l8.92-35.66l38.32-13.05c8.15-2.77%2013-11.43%2010.65-19.71a16%2016%200%200%200-20.54-10.73l-47%2016a16%2016%200%200%200-10.36%2011.27L355.51%2096H224.45c-8.61%200-16%206.62-16.43%2015.23A16%2016%200%200%200%20224%20128h2.75l1%208.66A8.3%208.3%200%200%200%20236%20144c39%200%2073.66%2010.9%20100.12%2031.52A121.9%20121.9%200%200%201%20371%20218.07a123.4%20123.4%200%200%201%2010.12%2029.51a7.83%207.83%200%200%200%203.29%204.88a72%2072%200%200%201%2026.38%2086.43a7.92%207.92%200%200%200-.15%205.53A96%2096%200%200%201%20416%20376c0%2022.34-7.6%2043.63-21.4%2059.95a80.1%2080.1%200%200%201-28.78%2021.67a8%208%200%200%200-4.21%204.37a108.2%20108.2%200%200%201-17.37%2029.86a2.5%202.5%200%200%200%201.9%204.11h49.21a48.22%2048.22%200%200%200%2047.85-44.14L477.4%20128h2.6a16%2016%200%200%200%2016-16.77c-.42-8.61-7.84-15.23-16.45-15.23%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M108.69%20320a23.87%2023.87%200%200%201%2017%207l15.51%2015.51a4%204%200%200%200%205.66%200L162.34%20327a23.87%2023.87%200%200%201%2017-7h196.58a8%208%200%200%200%208.08-7.92V312a40.07%2040.07%200%200%200-32-39.2c-.82-29.69-13-54.54-35.51-72C295.67%20184.56%20267.85%20176%20236%20176h-72c-68.22%200-114.43%2038.77-116%2096.8A40.07%2040.07%200%200%200%2016%20312a8%208%200%200%200%208%208Zm77.25%2032a8%208%200%200%200-5.66%202.34l-22.14%2022.15a20%2020%200%200%201-28.28%200l-22.14-22.15a8%208%200%200%200-5.66-2.34h-69.4a15.93%2015.93%200%200%200-15.76%2013.17A65%2065%200%200%200%2016%20376c0%2030.59%2021.13%2055.51%2047.26%2056c2.43%2015.12%208.31%2028.78%2017.16%2039.47C93.51%20487.28%20112.54%20496%20134%20496h132c21.46%200%2040.49-8.72%2053.58-24.55c8.85-10.69%2014.73-24.35%2017.16-39.47c26.13-.47%2047.26-25.39%2047.26-56a65%2065%200%200%200-.9-10.83A15.93%2015.93%200%200%200%20367.34%20352Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/fast-food.svg?color=%231a73e8&size=48