Brunch icon
file-icons:brunch
The Brunch icon (file-icons:brunch) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 512 grid. File Icons are released under the ISC license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- File Icons
- Author
- John Gardner
- License
- ISC
- Size
- 512 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M116.85 298.202c0-32.473 14.385-124.765 17.494-124.765c8.406 16.063-9.594 123.063 10.981 126.87c15.281-.638 7.877-112.983 16.71-126.87c9.16 14.036 1.34 125.063 17.223 126.037c19.134 1.174 5.214-122.66 11.749-126.037c10.023 8.566 16.882 98.678 16.203 124.765c-1.434 55.132-31.992 53.457-34.922 77.736c-.998 8.55-3.228 25.73-2.16 54.013l71.194 71.194c2.198-109.953-4.599-106.728-5.71-114.502V117.687c0-22.942 21.481-33.786 41.242 16.57s14.245 229.444 14.245 242.18c-3.696 13.095-16.504 9.532-22.794 29.838c-2.155 6.956-4.864 59.33-4.676 101.91l98.118-98.117c-1.988-52.556.118-43.287-24.069-66.283c-46.13-45.866-15.504-159.19 30.53-162.181c42.992 1.709 77.792 114.73 30.54 162.181c-25 20.365-22.416 23.215-23.826 53.115L512 259.814l-256-256l-256 256l153.819 153.819c.155-16.139.376-40.718-7.586-50.789c-8.465-10.706-28.412-25.313-29.382-64.642" class="st0"/></svg>How to use the Brunch icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:brunch" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:brunch" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:brunch" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--brunch]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:brunch"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:brunch"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/brunch.svg" alt="Brunch icon" width="24" height="24">Brunch icon in other icon sets
Brunch icon FAQ
Is the Brunch icon free for commercial use?
Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.
How do I use the Brunch icon in React?
Install @iconify/react and render <Icon icon="file-icons:brunch" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Brunch icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/brunch.svg" alt="Brunch icon">, or paste the SVG code inline to style it with CSS.