Gentleface › Food & drink › hop
hop icon
hopHop: hops, hop cone. 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="M7.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.818 13.941 9.125 13.824 9.42C13.697 9.741 13.512 10.024 13.268 10.268C13.024 10.512 12.741 10.697 12.42 10.824C12.269 10.884 12.115 10.929 11.958 10.958C11.929 11.115 11.884 11.269 11.824 11.42C11.697 11.741 11.512 12.024 11.268 12.268C11.024 12.512 10.741 12.697 10.42 12.824C10.269 12.884 10.115 12.929 9.958 12.958C9.929 13.115 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.725 6.118 2.872 6.075 3.023 6.046C3.064 5.634 3.162 5.233 3.316 4.844C3.545 4.266 3.879 3.757 4.318 3.318C4.757 2.879 5.266 2.545 5.844 2.316C6.219 2.167 6.605 2.071 7 2.027L7 1.5C7 1.359 7.048 1.241 7.144 1.144ZM4.439 7.561C4.586 7.707 4.755 7.818 4.948 7.895C5.125 7.965 5.309 8 5.5 8C5.691 8 5.875 7.965 6.052 7.895C6.245 7.818 6.414 7.707 6.561 7.561C6.707 7.414 6.818 7.245 6.895 7.052C6.965 6.875 7 6.691 7 6.5C7 6.359 7.048 6.241 7.144 6.144C7.241 6.048 7.359 6 7.5 6C7.641 6 7.759 6.048 7.856 6.144C7.952 6.241 8 6.359 8 6.5C8 6.691 8.035 6.875 8.105 7.052C8.182 7.245 8.293 7.414 8.439 7.561C8.586 7.707 8.755 7.818 8.948 7.895C9.125 7.965 9.309 8 9.5 8C9.691 8 9.875 7.965 10.052 7.895C10.245 7.818 10.414 7.707 10.561 7.561C10.707 7.414 10.818 7.245 10.895 7.052C10.965 6.875 11 6.691 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 3C7.055 3 6.625 3.082 6.212 3.246C5.762 3.424 5.367 3.683 5.025 4.025C4.683 4.367 4.424 4.762 4.246 5.212C4.082 5.625 4 6.055 4 6.5C4 6.691 4.035 6.875 4.105 7.052C4.182 7.245 4.293 7.414 4.439 7.561ZM4.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.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.561ZM11.268 8.268C11.024 8.512 10.741 8.697 10.42 8.824C10.303 8.871 10.185 8.908 10.065 8.936C10.077 8.975 10.09 9.014 10.105 9.052C10.182 9.245 10.293 9.414 10.439 9.561C10.586 9.707 10.755 9.818 10.948 9.895C11.125 9.965 11.309 10 11.5 10C11.691 10 11.875 9.965 12.052 9.895C12.245 9.818 12.414 9.707 12.561 9.561C12.707 9.414 12.818 9.245 12.895 9.052C12.965 8.875 13 8.691 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.908 7.185 11.871 7.303 11.824 7.42C11.697 7.741 11.512 8.024 11.268 8.268ZM8.561 9.561C8.707 9.414 8.818 9.245 8.895 9.052C8.91 9.014 8.923 8.975 8.935 8.936C8.815 8.908 8.697 8.871 8.58 8.824C8.259 8.697 7.976 8.512 7.732 8.268C7.648 8.183 7.57 8.094 7.5 8.001C7.43 8.094 7.352 8.183 7.268 8.268C7.024 8.512 6.741 8.697 6.42 8.824C6.303 8.871 6.185 8.908 6.065 8.936C6.077 8.975 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.691 10 7.875 9.965 8.052 9.895C8.245 9.818 8.414 9.707 8.561 9.561ZM9.732 10.268C9.648 10.183 9.57 10.094 9.5 10.001C9.43 10.094 9.352 10.183 9.268 10.268C9.024 10.512 8.741 10.697 8.42 10.824C8.303 10.871 8.185 10.908 8.065 10.936C8.077 10.975 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.691 12 9.875 11.965 10.052 11.895C10.245 11.818 10.414 11.707 10.561 11.561C10.707 11.414 10.818 11.245 10.895 11.052C10.91 11.014 10.923 10.975 10.935 10.936C10.815 10.908 10.697 10.871 10.58 10.824C10.259 10.697 9.976 10.512 9.732 10.268ZM6.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.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.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" (line-round), MIT. https://gentleface.com/icons/hop
import type { SVGProps } from 'react';
export function HopIcon(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="M7.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.818 13.941 9.125 13.824 9.42C13.697 9.741 13.512 10.024 13.268 10.268C13.024 10.512 12.741 10.697 12.42 10.824C12.269 10.884 12.115 10.929 11.958 10.958C11.929 11.115 11.884 11.269 11.824 11.42C11.697 11.741 11.512 12.024 11.268 12.268C11.024 12.512 10.741 12.697 10.42 12.824C10.269 12.884 10.115 12.929 9.958 12.958C9.929 13.115 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.725 6.118 2.872 6.075 3.023 6.046C3.064 5.634 3.162 5.233 3.316 4.844C3.545 4.266 3.879 3.757 4.318 3.318C4.757 2.879 5.266 2.545 5.844 2.316C6.219 2.167 6.605 2.071 7 2.027L7 1.5C7 1.359 7.048 1.241 7.144 1.144ZM4.439 7.561C4.586 7.707 4.755 7.818 4.948 7.895C5.125 7.965 5.309 8 5.5 8C5.691 8 5.875 7.965 6.052 7.895C6.245 7.818 6.414 7.707 6.561 7.561C6.707 7.414 6.818 7.245 6.895 7.052C6.965 6.875 7 6.691 7 6.5C7 6.359 7.048 6.241 7.144 6.144C7.241 6.048 7.359 6 7.5 6C7.641 6 7.759 6.048 7.856 6.144C7.952 6.241 8 6.359 8 6.5C8 6.691 8.035 6.875 8.105 7.052C8.182 7.245 8.293 7.414 8.439 7.561C8.586 7.707 8.755 7.818 8.948 7.895C9.125 7.965 9.309 8 9.5 8C9.691 8 9.875 7.965 10.052 7.895C10.245 7.818 10.414 7.707 10.561 7.561C10.707 7.414 10.818 7.245 10.895 7.052C10.965 6.875 11 6.691 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 3C7.055 3 6.625 3.082 6.212 3.246C5.762 3.424 5.367 3.683 5.025 4.025C4.683 4.367 4.424 4.762 4.246 5.212C4.082 5.625 4 6.055 4 6.5C4 6.691 4.035 6.875 4.105 7.052C4.182 7.245 4.293 7.414 4.439 7.561ZM4.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.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.561ZM11.268 8.268C11.024 8.512 10.741 8.697 10.42 8.824C10.303 8.871 10.185 8.908 10.065 8.936C10.077 8.975 10.09 9.014 10.105 9.052C10.182 9.245 10.293 9.414 10.439 9.561C10.586 9.707 10.755 9.818 10.948 9.895C11.125 9.965 11.309 10 11.5 10C11.691 10 11.875 9.965 12.052 9.895C12.245 9.818 12.414 9.707 12.561 9.561C12.707 9.414 12.818 9.245 12.895 9.052C12.965 8.875 13 8.691 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.908 7.185 11.871 7.303 11.824 7.42C11.697 7.741 11.512 8.024 11.268 8.268ZM8.561 9.561C8.707 9.414 8.818 9.245 8.895 9.052C8.91 9.014 8.923 8.975 8.935 8.936C8.815 8.908 8.697 8.871 8.58 8.824C8.259 8.697 7.976 8.512 7.732 8.268C7.648 8.183 7.57 8.094 7.5 8.001C7.43 8.094 7.352 8.183 7.268 8.268C7.024 8.512 6.741 8.697 6.42 8.824C6.303 8.871 6.185 8.908 6.065 8.936C6.077 8.975 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.691 10 7.875 9.965 8.052 9.895C8.245 9.818 8.414 9.707 8.561 9.561ZM9.732 10.268C9.648 10.183 9.57 10.094 9.5 10.001C9.43 10.094 9.352 10.183 9.268 10.268C9.024 10.512 8.741 10.697 8.42 10.824C8.303 10.871 8.185 10.908 8.065 10.936C8.077 10.975 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.691 12 9.875 11.965 10.052 11.895C10.245 11.818 10.414 11.707 10.561 11.561C10.707 11.414 10.818 11.245 10.895 11.052C10.91 11.014 10.923 10.975 10.935 10.936C10.815 10.908 10.697 10.871 10.58 10.824C10.259 10.697 9.976 10.512 9.732 10.268ZM6.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.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.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.md
Svelte: see /icons/hop.md
HTML img: see /icons/hop.md
CSS: see /icons/hop.md
Data URL: see /icons/hop.md
Sprite: see /icons/hop.md
SwiftUI: see /icons/hop.md
Compose: see /icons/hop.md
Android XML: see /icons/hop.md
Flutter: see /icons/hop.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 { HopIcon } from '@gentleface/react'; (setup).
Meaning
- Use it for
- hops, hop cone
- Tags
- hop, hops, hop-cone, beer, brewing, craft-beer, ale, ipa, allergen, ingredient, plant, food
- Category
- Food & drink
- Component name
HopIcon- History
- 20 px drawn, 24 px drawn, 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.json · Markdown: /icons/hop.md · SVG: https://gentleface.com/svg/{style}/16/hop.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/hop.png