Gentleface › Food & drink › hop-off
hop-off icon
hop-offHop off: hop free, no hops. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.
Code line-round
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L11.409 12.116C11.23 12.329 11.017 12.508 10.769 12.654C10.512 12.805 10.242 12.907 9.958 12.959C9.929 13.116 9.884 13.269 9.824 13.42C9.697 13.741 9.512 14.024 9.268 14.268C9.024 14.512 8.741 14.697 8.42 14.824C8.125 14.941 7.818 15 7.5 15C7.182 15 6.875 14.941 6.58 14.824C6.259 14.697 5.976 14.512 5.732 14.268C5.488 14.024 5.303 13.741 5.176 13.42C5.116 13.269 5.071 13.115 5.042 12.958C4.885 12.929 4.731 12.884 4.58 12.824C4.259 12.697 3.976 12.512 3.732 12.268C3.488 12.024 3.303 11.741 3.176 11.42C3.116 11.269 3.071 11.115 3.042 10.958C2.885 10.929 2.731 10.884 2.58 10.824C2.259 10.697 1.976 10.512 1.732 10.268C1.488 10.024 1.303 9.741 1.176 9.42C1.059 9.125 1 8.818 1 8.5C1 8.182 1.059 7.875 1.176 7.58C1.303 7.259 1.488 6.976 1.732 6.732C1.976 6.488 2.259 6.303 2.58 6.176C2.724 6.118 2.872 6.075 3.022 6.046C3.082 5.423 3.269 4.837 3.581 4.288L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM10.697 11.404L9.409 10.116C9.23 10.329 9.017 10.508 8.769 10.654C8.545 10.786 8.31 10.88 8.065 10.937C8.077 10.976 8.09 11.014 8.105 11.052C8.182 11.245 8.293 11.414 8.439 11.561C8.586 11.707 8.755 11.818 8.948 11.895C9.125 11.965 9.309 12 9.5 12C9.773 12 10.026 11.931 10.261 11.792C10.435 11.69 10.58 11.561 10.697 11.404ZM8.697 9.404L7.409 8.116C7.23 8.329 7.017 8.508 6.769 8.654C6.545 8.786 6.31 8.88 6.065 8.937C6.077 8.976 6.09 9.014 6.105 9.052C6.182 9.245 6.293 9.414 6.439 9.561C6.586 9.707 6.755 9.818 6.948 9.895C7.125 9.965 7.309 10 7.5 10C7.773 10 8.026 9.931 8.261 9.792C8.435 9.69 8.58 9.561 8.697 9.404ZM6.697 7.404L4.322 5.029C4.107 5.489 4 5.979 4 6.5C4 6.691 4.035 6.875 4.105 7.052C4.182 7.245 4.293 7.414 4.439 7.561C4.586 7.707 4.755 7.818 4.948 7.895C5.125 7.965 5.309 8 5.5 8C5.773 8 6.026 7.931 6.261 7.792C6.435 7.69 6.58 7.561 6.697 7.404ZM7.144 1.144C7.241 1.048 7.359 1 7.5 1C7.641 1 7.759 1.048 7.856 1.144C7.952 1.241 8 1.359 8 1.5L8 2.027C8.395 2.071 8.781 2.167 9.156 2.316C9.734 2.545 10.243 2.879 10.682 3.318C11.121 3.757 11.455 4.266 11.684 4.844C11.838 5.233 11.936 5.634 11.977 6.046C12.128 6.075 12.275 6.118 12.42 6.176C12.741 6.303 13.024 6.488 13.268 6.732C13.512 6.976 13.697 7.259 13.824 7.58C13.941 7.875 14 8.182 14 8.5C14 8.863 13.925 9.21 13.774 9.54C13.623 9.87 13.41 10.154 13.135 10.391C13.029 10.483 12.907 10.524 12.772 10.515C12.636 10.505 12.522 10.446 12.43 10.34C12.338 10.233 12.297 10.112 12.306 9.976C12.316 9.841 12.375 9.727 12.481 9.635C12.646 9.492 12.774 9.322 12.864 9.124C12.955 8.926 13 8.718 13 8.5C13 8.309 12.965 8.125 12.895 7.948C12.818 7.755 12.707 7.586 12.561 7.439C12.414 7.293 12.245 7.182 12.052 7.105C12.014 7.09 11.975 7.077 11.936 7.065C11.898 7.227 11.844 7.385 11.774 7.54C11.623 7.87 11.41 8.154 11.135 8.391C11.029 8.483 10.907 8.524 10.772 8.515C10.636 8.505 10.522 8.446 10.43 8.34C10.34 8.235 10.299 8.114 10.309 7.977C10.319 7.839 10.377 7.725 10.481 7.635C10.646 7.492 10.774 7.322 10.864 7.124C10.955 6.926 11 6.718 11 6.5C11 6.055 10.918 5.625 10.754 5.212C10.576 4.762 10.317 4.367 9.975 4.025C9.633 3.683 9.238 3.424 8.788 3.246C8.375 3.082 7.945 3 7.5 3C6.936 3 6.403 3.129 5.901 3.387C5.776 3.451 5.648 3.462 5.519 3.421C5.389 3.379 5.292 3.296 5.228 3.17C5.165 3.047 5.154 2.92 5.197 2.789C5.239 2.657 5.321 2.56 5.444 2.497C5.939 2.243 6.458 2.086 7 2.027L7 1.5C7 1.359 7.048 1.241 7.144 1.144ZM2.439 7.439C2.293 7.586 2.182 7.755 2.105 7.948C2.035 8.125 2 8.309 2 8.5C2 8.691 2.035 8.875 2.105 9.052C2.182 9.245 2.293 9.414 2.439 9.561C2.586 9.707 2.755 9.818 2.948 9.895C3.125 9.965 3.309 10 3.5 10C3.691 10 3.875 9.965 4.052 9.895C4.245 9.818 4.414 9.707 4.561 9.561C4.707 9.414 4.818 9.245 4.895 9.052C4.91 9.014 4.923 8.975 4.935 8.936C4.815 8.908 4.697 8.871 4.58 8.824C4.259 8.697 3.976 8.512 3.732 8.268C3.488 8.024 3.303 7.741 3.176 7.42C3.129 7.303 3.092 7.185 3.064 7.065C3.025 7.077 2.986 7.09 2.948 7.105C2.755 7.182 2.586 7.293 2.439 7.439ZM4.439 11.561C4.586 11.707 4.755 11.818 4.948 11.895C5.125 11.965 5.309 12 5.5 12C5.691 12 5.875 11.965 6.052 11.895C6.245 11.818 6.414 11.707 6.561 11.561C6.707 11.414 6.818 11.245 6.895 11.052C6.91 11.014 6.923 10.975 6.935 10.936C6.815 10.908 6.697 10.871 6.58 10.824C6.259 10.697 5.976 10.512 5.732 10.268C5.648 10.183 5.57 10.094 5.5 10.001C5.43 10.094 5.352 10.183 5.268 10.268C5.024 10.512 4.741 10.697 4.42 10.824C4.303 10.871 4.185 10.908 4.065 10.936C4.077 10.975 4.09 11.014 4.105 11.052C4.182 11.245 4.293 11.414 4.439 11.561ZM7.732 12.268C7.648 12.183 7.57 12.094 7.5 12.001C7.43 12.094 7.352 12.183 7.268 12.268C7.024 12.512 6.741 12.697 6.42 12.824C6.303 12.871 6.185 12.908 6.065 12.936C6.077 12.975 6.09 13.014 6.105 13.052C6.182 13.245 6.293 13.414 6.439 13.561C6.586 13.707 6.755 13.818 6.948 13.895C7.125 13.965 7.309 14 7.5 14C7.691 14 7.875 13.965 8.052 13.895C8.245 13.818 8.414 13.707 8.561 13.561C8.707 13.414 8.818 13.245 8.895 13.052C8.91 13.014 8.923 12.975 8.935 12.936C8.815 12.908 8.697 12.871 8.58 12.824C8.259 12.697 7.976 12.512 7.732 12.268Z"/></svg>
// Gentleface "hop-off" (line-round), MIT. https://gentleface.com/icons/hop-off
import type { SVGProps } from 'react';
export function HopOffIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
<path d="M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L11.409 12.116C11.23 12.329 11.017 12.508 10.769 12.654C10.512 12.805 10.242 12.907 9.958 12.959C9.929 13.116 9.884 13.269 9.824 13.42C9.697 13.741 9.512 14.024 9.268 14.268C9.024 14.512 8.741 14.697 8.42 14.824C8.125 14.941 7.818 15 7.5 15C7.182 15 6.875 14.941 6.58 14.824C6.259 14.697 5.976 14.512 5.732 14.268C5.488 14.024 5.303 13.741 5.176 13.42C5.116 13.269 5.071 13.115 5.042 12.958C4.885 12.929 4.731 12.884 4.58 12.824C4.259 12.697 3.976 12.512 3.732 12.268C3.488 12.024 3.303 11.741 3.176 11.42C3.116 11.269 3.071 11.115 3.042 10.958C2.885 10.929 2.731 10.884 2.58 10.824C2.259 10.697 1.976 10.512 1.732 10.268C1.488 10.024 1.303 9.741 1.176 9.42C1.059 9.125 1 8.818 1 8.5C1 8.182 1.059 7.875 1.176 7.58C1.303 7.259 1.488 6.976 1.732 6.732C1.976 6.488 2.259 6.303 2.58 6.176C2.724 6.118 2.872 6.075 3.022 6.046C3.082 5.423 3.269 4.837 3.581 4.288L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM10.697 11.404L9.409 10.116C9.23 10.329 9.017 10.508 8.769 10.654C8.545 10.786 8.31 10.88 8.065 10.937C8.077 10.976 8.09 11.014 8.105 11.052C8.182 11.245 8.293 11.414 8.439 11.561C8.586 11.707 8.755 11.818 8.948 11.895C9.125 11.965 9.309 12 9.5 12C9.773 12 10.026 11.931 10.261 11.792C10.435 11.69 10.58 11.561 10.697 11.404ZM8.697 9.404L7.409 8.116C7.23 8.329 7.017 8.508 6.769 8.654C6.545 8.786 6.31 8.88 6.065 8.937C6.077 8.976 6.09 9.014 6.105 9.052C6.182 9.245 6.293 9.414 6.439 9.561C6.586 9.707 6.755 9.818 6.948 9.895C7.125 9.965 7.309 10 7.5 10C7.773 10 8.026 9.931 8.261 9.792C8.435 9.69 8.58 9.561 8.697 9.404ZM6.697 7.404L4.322 5.029C4.107 5.489 4 5.979 4 6.5C4 6.691 4.035 6.875 4.105 7.052C4.182 7.245 4.293 7.414 4.439 7.561C4.586 7.707 4.755 7.818 4.948 7.895C5.125 7.965 5.309 8 5.5 8C5.773 8 6.026 7.931 6.261 7.792C6.435 7.69 6.58 7.561 6.697 7.404ZM7.144 1.144C7.241 1.048 7.359 1 7.5 1C7.641 1 7.759 1.048 7.856 1.144C7.952 1.241 8 1.359 8 1.5L8 2.027C8.395 2.071 8.781 2.167 9.156 2.316C9.734 2.545 10.243 2.879 10.682 3.318C11.121 3.757 11.455 4.266 11.684 4.844C11.838 5.233 11.936 5.634 11.977 6.046C12.128 6.075 12.275 6.118 12.42 6.176C12.741 6.303 13.024 6.488 13.268 6.732C13.512 6.976 13.697 7.259 13.824 7.58C13.941 7.875 14 8.182 14 8.5C14 8.863 13.925 9.21 13.774 9.54C13.623 9.87 13.41 10.154 13.135 10.391C13.029 10.483 12.907 10.524 12.772 10.515C12.636 10.505 12.522 10.446 12.43 10.34C12.338 10.233 12.297 10.112 12.306 9.976C12.316 9.841 12.375 9.727 12.481 9.635C12.646 9.492 12.774 9.322 12.864 9.124C12.955 8.926 13 8.718 13 8.5C13 8.309 12.965 8.125 12.895 7.948C12.818 7.755 12.707 7.586 12.561 7.439C12.414 7.293 12.245 7.182 12.052 7.105C12.014 7.09 11.975 7.077 11.936 7.065C11.898 7.227 11.844 7.385 11.774 7.54C11.623 7.87 11.41 8.154 11.135 8.391C11.029 8.483 10.907 8.524 10.772 8.515C10.636 8.505 10.522 8.446 10.43 8.34C10.34 8.235 10.299 8.114 10.309 7.977C10.319 7.839 10.377 7.725 10.481 7.635C10.646 7.492 10.774 7.322 10.864 7.124C10.955 6.926 11 6.718 11 6.5C11 6.055 10.918 5.625 10.754 5.212C10.576 4.762 10.317 4.367 9.975 4.025C9.633 3.683 9.238 3.424 8.788 3.246C8.375 3.082 7.945 3 7.5 3C6.936 3 6.403 3.129 5.901 3.387C5.776 3.451 5.648 3.462 5.519 3.421C5.389 3.379 5.292 3.296 5.228 3.17C5.165 3.047 5.154 2.92 5.197 2.789C5.239 2.657 5.321 2.56 5.444 2.497C5.939 2.243 6.458 2.086 7 2.027L7 1.5C7 1.359 7.048 1.241 7.144 1.144ZM2.439 7.439C2.293 7.586 2.182 7.755 2.105 7.948C2.035 8.125 2 8.309 2 8.5C2 8.691 2.035 8.875 2.105 9.052C2.182 9.245 2.293 9.414 2.439 9.561C2.586 9.707 2.755 9.818 2.948 9.895C3.125 9.965 3.309 10 3.5 10C3.691 10 3.875 9.965 4.052 9.895C4.245 9.818 4.414 9.707 4.561 9.561C4.707 9.414 4.818 9.245 4.895 9.052C4.91 9.014 4.923 8.975 4.935 8.936C4.815 8.908 4.697 8.871 4.58 8.824C4.259 8.697 3.976 8.512 3.732 8.268C3.488 8.024 3.303 7.741 3.176 7.42C3.129 7.303 3.092 7.185 3.064 7.065C3.025 7.077 2.986 7.09 2.948 7.105C2.755 7.182 2.586 7.293 2.439 7.439ZM4.439 11.561C4.586 11.707 4.755 11.818 4.948 11.895C5.125 11.965 5.309 12 5.5 12C5.691 12 5.875 11.965 6.052 11.895C6.245 11.818 6.414 11.707 6.561 11.561C6.707 11.414 6.818 11.245 6.895 11.052C6.91 11.014 6.923 10.975 6.935 10.936C6.815 10.908 6.697 10.871 6.58 10.824C6.259 10.697 5.976 10.512 5.732 10.268C5.648 10.183 5.57 10.094 5.5 10.001C5.43 10.094 5.352 10.183 5.268 10.268C5.024 10.512 4.741 10.697 4.42 10.824C4.303 10.871 4.185 10.908 4.065 10.936C4.077 10.975 4.09 11.014 4.105 11.052C4.182 11.245 4.293 11.414 4.439 11.561ZM7.732 12.268C7.648 12.183 7.57 12.094 7.5 12.001C7.43 12.094 7.352 12.183 7.268 12.268C7.024 12.512 6.741 12.697 6.42 12.824C6.303 12.871 6.185 12.908 6.065 12.936C6.077 12.975 6.09 13.014 6.105 13.052C6.182 13.245 6.293 13.414 6.439 13.561C6.586 13.707 6.755 13.818 6.948 13.895C7.125 13.965 7.309 14 7.5 14C7.691 14 7.875 13.965 8.052 13.895C8.245 13.818 8.414 13.707 8.561 13.561C8.707 13.414 8.818 13.245 8.895 13.052C8.91 13.014 8.923 12.975 8.935 12.936C8.815 12.908 8.697 12.871 8.58 12.824C8.259 12.697 7.976 12.512 7.732 12.268Z" />
</svg>
);
}Vue: see /icons/hop-off.md
Svelte: see /icons/hop-off.md
HTML img: see /icons/hop-off.md
CSS: see /icons/hop-off.md
Data URL: see /icons/hop-off.md
Sprite: see /icons/hop-off.md
SwiftUI: see /icons/hop-off.md
Compose: see /icons/hop-off.md
Android XML: see /icons/hop-off.md
Flutter: see /icons/hop-off.md
Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.
With npm: import { HopOffIcon } from '@gentleface/react'; (setup).
Meaning
- Use it for
- hop free, no hops
- Example
- Hop-free filter for allergies
- Built from
hop+ slash- Tags
- hop, hops, hop-cone, beer, brewing, craft-beer, ale, ipa, allergen, ingredient, plant, food, slash
- Category
- Food & drink
- Component name
HopOffIcon- History
- added, released in 0.5.0
- Since
- version 0.5.0
Family 1
More food & drink icons
amphora apple apron avocado banana barrel bean bean-off beef beef-off beer bottle bottle-off bowl bowl-chopsticks bread · all food & drink icons
For agents
Metadata: /icons/hop-off.json · Markdown: /icons/hop-off.md · SVG: https://gentleface.com/svg/{style}/16/hop-off.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/hop-off.png