Home/Libraries/SVG Logos (Iconify)/brunch

SVG Logos (Iconify)

Brunch

License: CC0-1.0Commercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 253"><path fill="#818cf8" d="M76.273 188.767c-.306-4.088-1.444-8.563-5.96-12.683c0-.008-.008-.008-.02-.016a23 23 0 0 0-.56-.498c-.028-.016-.044-.04-.065-.053c-6.25-5.707-11.243-16.677-11.243-28.323c0-16.236 7.192-62.383 8.747-62.383c1.232 0 1.256 22.257.44 43.18c-.567 14.532 1.583 20.255 5.05 20.255c4.619 0 5.357-14.625 5.834-31.065c.392-13.535 1.575-32.268 2.521-32.37h.004c1.477 0 2.697 18.615 3.093 32.183c.49 16.848 1.656 30.836 5.515 30.836c4.05 0 5.283-6.47 4.997-20.834c-.35-17.533-.355-42.185.877-42.185c1.555 0 6.83 16.2 8.102 62.383c.322 11.638-4.993 22.612-11.247 28.323c-.02.016-.037.04-.065.053c-.188.163-.384.335-.56.498c-.007.008-.02.008-.02.016c-4.52 4.12-5.654 8.595-5.964 12.683c-.49 6.527-.71 14.89-.685 24.301l35.597 35.597c.498-15.514.449-30.147-.236-41.194c-.257-4.128-.89-8.921-1.612-12.744c-.224-1.22-1.007-2.346-1.007-3.312V56.936c0-11.47 10.74-16.892 20.621 8.286s7.123 114.721 7.123 121.09c0 1.35-1.171 2.945-3.093 4.515c-.766.498-1.435 1-2.08 1.514c-5.92 4.748-6.764 10.223-7.074 15.13c-.738 11.88-1.334 27.903-1.489 44.715l49.06-49.06c-.07-5.764-.23-10.949-.498-15.269c-.102-1.656-.514-3.34-.828-5.115c-.89-5.026-7.11-9.142-10.709-12.757c-6.992-7.02-11.488-18.822-11.488-32.13c0-21.608 11.978-48.96 26.753-48.96s26.757 27.348 26.757 48.96c0 13.308-4.495 25.114-11.487 32.13c-3.603 3.615-9.824 7.73-10.713 12.757c-.314 1.778-.726 3.46-.828 5.115a259 259 0 0 0-.371 8.685L256 128L128 0L0 128l76.91 76.91c-.086-6.091-.294-11.574-.637-16.143"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. BrunchIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC0-1.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.