Fast Food Outline icon
famicons:fast-food-outline
The Fast Food Outline icon (famicons:fast-food-outline) is a free SVG icon from the Famicons set by Family. It is drawn on a 512 × 512 grid. Famicons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M322 416c0 35.35-20.65 64-56 64H134c-35.35 0-56-28.65-56-64m258-80c17.67 0 32 17.91 32 40h0c0 22.09-14.33 40-32 40H64c-17.67 0-32-17.91-32-40h0c0-22.09 14.33-40 32-40"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M344 336H179.31a8 8 0 0 0-5.65 2.34l-26.83 26.83a4 4 0 0 1-5.66 0l-26.83-26.83a8 8 0 0 0-5.65-2.34H56a24 24 0 0 1-24-24h0a24 24 0 0 1 24-24h288a24 24 0 0 1 24 24h0a24 24 0 0 1-24 24ZM64 276v-.22c0-55 45-83.78 100-83.78h72c55 0 100 29 100 84v-.22M241 112l7.44 63.97"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M256 480h139.31a32 32 0 0 0 31.91-29.61L463 112"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="m368 112l16-64l47-16"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M224 112h256"/></svg>How to use the Fast Food Outline icon
React
import { Icon } from "@iconify/react";
<Icon icon="famicons:fast-food-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="famicons:fast-food-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="famicons:fast-food-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[famicons--fast-food-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/famicons -->
<div class="i-famicons:fast-food-outline"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="famicons:fast-food-outline"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/famicons/fast-food-outline.svg" alt="Fast Food Outline icon" width="24" height="24">Related icons in Famicons
Fast Food Outline icon in other icon sets
Fast Food Outline icon FAQ
Is the Fast Food Outline icon free for commercial use?
Yes. Famicons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Fast Food Outline icon in React?
Install @iconify/react and render <Icon icon="famicons:fast-food-outline" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Fast Food Outline icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/famicons/fast-food-outline.svg" alt="Fast Food Outline icon">, or paste the SVG code inline to style it with CSS.