Lunch Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Lunch icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/306041.svg" alt="Lunch icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/306041.svg" alt="Lunch icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/306041.svg" alt="Lunch icon" :width="24" :height="24" />
CSS background
.icon-lunch {
background-image: url('https://proicons.com/icon/306041.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="64" height="64" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M335 227C183 228 62 350 63 503c0 148 124 271 273 270 153 0 274-126 273-276-2-149-124-270-274-270zm1 455c-102 0-182-81-182-183 0-100 81-181 182-180 101 0 182 81 181 181 0 101-81 182-181 182zm601-369c-1-36-27-62-61-63s-61 24-63 59c-2 25-1 50-1 75 1 22 10 40 28 52 7 4 8 8 8 15v270c0 11 4 21 14 26 20 10 40-3 40-27 0-90 0-180-1-270 0-6 2-10 8-14 17-11 26-26 27-46 1-14 1-28 1-42 0-12 1-23 0-35zm-166-63c-7 0-10 5-10 12v95h-17v-92c0-7-1-14-9-15-10 0-9 8-9 15v80c0 4-1 8-1 11h-17v-92c0-7-1-14-9-14s-9 7-9 13v94h-18v-93c0-6-1-14-9-14s-9 7-9 14c0 39-1 78 0 117 0 23 9 43 29 55 6 4 7 8 7 14v273c0 15 10 26 24 27 13 2 26-7 29-21 1-5 1-10 1-15V452c0-8 1-13 8-17 17-11 26-28 27-48V262c0-6-2-11-8-12zm-436 80c-93 0-170 76-170 169 0 95 76 172 170 172 93 0 171-77 171-169 0-96-75-172-171-172z"/></svg>
Copied!