The Lucide hop off icon visually represents the absence of hops, often used to indicate a beer or beverage is hop-free, suitable for individuals with allergies or dietary restrictions.
Common uses
- Labeling hop-free beer options on a menu.
- Filtering search results for allergy-friendly drinks.
- Indicating a product is suitable for those avoiding hops.
Use it in React
Install
npm i lucide-reactImport & render
import { HopOff } from 'lucide-react';
<HopOff size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- beerbrewerydrinkhop freeallergyintolerancediethopoffallergy friendlyno hop
FAQ
- What does the hop off icon signify?
- It signifies the absence of hops, commonly used for beverages like beer that are specifically made without hops due to allergies, intolerances, or dietary choices.
- How do I use the hop off icon in React?
- You can import and use it in your React components like this: import { HopOff } from 'lucide-react'. Then, render it as <HopOff />.
- What is the license for the hop off icon?
- The hop off icon is part of the Lucide icon library, which is released under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →