Hop Off
ISC License
beer
brewery
drink
hop free
allergy
intolerance
diet
Copy the code
SVG
HTML
React
Copy <!-- @license lucide-static v1.21.0 - ISC -->
<svg
class="lucide lucide-hop-off"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M10.82 16.12c1.69.6 3.91.79 5.18.85.28.01.53-.09.7-.27" />
<path d="M11.14 20.57c.52.24 2.44 1.12 4.08 1.37.46.06.86-.25.9-.71.12-1.52-.3-3.43-.5-4.28" />
<path d="M16.13 21.05c1.65.63 3.68.84 4.87.91a.9.9 0 0 0 .7-.26" />
<path d="M17.99 5.52a20.83 20.83 0 0 1 3.15 4.5.8.8 0 0 1-.68 1.13c-1.17.1-2.5.02-3.9-.25" />
<path d="M20.57 11.14c.24.52 1.12 2.44 1.37 4.08.04.3-.08.59-.31.75" />
<path d="M4.93 4.93a10 10 0 0 0-.67 13.4c.35.43.96.4 1.17-.12.69-1.71 1.07-5.07 1.07-6.71 1.34.45 3.1.9 4.88.62a.85.85 0 0 0 .48-.24" />
<path d="M5.52 17.99c1.05.95 2.91 2.42 4.5 3.15a.8.8 0 0 0 1.13-.68c.2-2.34-.33-5.3-1.57-8.28" />
<path d="M8.35 2.68a10 10 0 0 1 9.98 1.58c.43.35.4.96-.12 1.17-1.5.6-4.3.98-6.07 1.05" />
<path d="m2 2 20 20" />
</svg>
Copy <!-- Hop Off icon (Lucide) -->
<!-- @license lucide-static v1.21.0 - ISC -->
<svg
class="lucide lucide-hop-off"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M10.82 16.12c1.69.6 3.91.79 5.18.85.28.01.53-.09.7-.27" />
<path d="M11.14 20.57c.52.24 2.44 1.12 4.08 1.37.46.06.86-.25.9-.71.12-1.52-.3-3.43-.5-4.28" />
<path d="M16.13 21.05c1.65.63 3.68.84 4.87.91a.9.9 0 0 0 .7-.26" />
<path d="M17.99 5.52a20.83 20.83 0 0 1 3.15 4.5.8.8 0 0 1-.68 1.13c-1.17.1-2.5.02-3.9-.25" />
<path d="M20.57 11.14c.24.52 1.12 2.44 1.37 4.08.04.3-.08.59-.31.75" />
<path d="M4.93 4.93a10 10 0 0 0-.67 13.4c.35.43.96.4 1.17-.12.69-1.71 1.07-5.07 1.07-6.71 1.34.45 3.1.9 4.88.62a.85.85 0 0 0 .48-.24" />
<path d="M5.52 17.99c1.05.95 2.91 2.42 4.5 3.15a.8.8 0 0 0 1.13-.68c.2-2.34-.33-5.3-1.57-8.28" />
<path d="M8.35 2.68a10 10 0 0 1 9.98 1.58c.43.35.4.96-.12 1.17-1.5.6-4.3.98-6.07 1.05" />
<path d="m2 2 20 20" />
</svg>
Copy import { HopOff } from 'lucide-react';
export default function MyComponent() {
return <HopOff size={24} strokeWidth={2} color="currentColor" />;
}
Use this icon in your App Store screenshots
Open LaunchShots editor with this icon already dropped in as a sticker — resize, recolor, and ship.
Open in editor →
About the Hop Off icon
The Hop Off icon is part of the Lucide open-source icon set — a curated, consistent library used by indie devs and design teams. Lucide draws every icon on a 24×24 grid with a 2px stroke, so this Hop Off icon will sit visually next to any other Lucide icon without retouching.
Search keywords related to this icon: beer, brewery, drink, hop free, allergy, intolerance, diet. If you're looking for a similar mark, the related grid below shares tags with this one.
Need it in a screenshot, mockup, or App Store preview? The Drop into editor button above opens the LaunchShots screenshot maker with the icon pre-loaded as a sticker — resize from any corner, change the color from the float toolbar, and export as PNG.
Related icons
Latest from the blog
