gentleface

Gentleface › Food & drink › bean-off

bean-off icon

Bean off: soy free, no soy, soy allergy. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

Code line-round

SVG
<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.855 12.562C11.029 13.307 10.097 13.889 9.059 14.308C7.917 14.769 6.731 15 5.5 15C4.928 15 4.376 14.895 3.844 14.684C3.266 14.455 2.757 14.121 2.318 13.682C1.879 13.243 1.545 12.734 1.316 12.156C1.105 11.624 1 11.072 1 10.5C1 9.928 1.105 9.376 1.316 8.844C1.545 8.266 1.879 7.757 2.318 7.318C2.757 6.879 3.266 6.545 3.844 6.316C4.313 6.13 4.797 6.026 5.297 6.004L1.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.5ZM11.147 11.854L8.309 9.016C8.027 9.241 7.721 9.431 7.391 9.584C6.968 9.779 6.525 9.906 6.062 9.965C5.926 9.982 5.802 9.948 5.693 9.864C5.584 9.779 5.521 9.668 5.504 9.531C5.487 9.394 5.52 9.271 5.605 9.162C5.69 9.053 5.801 8.99 5.938 8.973C6.297 8.927 6.641 8.828 6.97 8.676C7.193 8.573 7.402 8.449 7.596 8.303L6.147 6.854C5.945 6.951 5.73 7 5.5 7C5.055 7 4.625 7.082 4.212 7.246C3.762 7.424 3.367 7.683 3.025 8.025C2.683 8.367 2.424 8.762 2.246 9.212C2.082 9.625 2 10.055 2 10.5C2 10.945 2.082 11.375 2.246 11.788C2.424 12.238 2.683 12.633 3.025 12.975C3.367 13.317 3.762 13.576 4.212 13.754C4.625 13.918 5.055 14 5.5 14C6.602 14 7.663 13.794 8.684 13.381C9.596 13.013 10.417 12.503 11.147 11.854ZM6.278 3.942C6.434 3.521 6.647 3.132 6.919 2.774C7.205 2.4 7.541 2.077 7.927 1.808C8.314 1.539 8.732 1.335 9.183 1.197C9.612 1.066 10.051 1 10.5 1C11.072 1 11.624 1.105 12.156 1.316C12.734 1.545 13.243 1.879 13.682 2.318C14.121 2.757 14.455 3.266 14.684 3.844C14.895 4.376 15 4.928 15 5.5C15 6.411 14.872 7.303 14.615 8.177C14.358 9.051 13.984 9.871 13.491 10.637C13.416 10.754 13.312 10.826 13.177 10.856C13.042 10.885 12.916 10.862 12.8 10.788C12.785 10.778 12.771 10.768 12.757 10.757L12.673 10.673C12.629 10.616 12.598 10.55 12.582 10.473C12.553 10.338 12.575 10.213 12.65 10.097C13.091 9.411 13.426 8.677 13.655 7.895C13.885 7.113 14 6.315 14 5.5C14 5.055 13.918 4.625 13.754 4.212C13.576 3.762 13.317 3.367 12.975 3.025C12.633 2.683 12.238 2.424 11.788 2.246C11.375 2.082 10.945 2 10.5 2C10.151 2 9.809 2.051 9.475 2.153C9.125 2.261 8.799 2.419 8.499 2.629C8.198 2.838 7.937 3.089 7.715 3.38C7.504 3.658 7.337 3.961 7.216 4.288C7.168 4.42 7.081 4.515 6.958 4.572C6.839 4.627 6.716 4.633 6.59 4.59L6.268 4.268C6.234 4.162 6.237 4.054 6.278 3.942Z"/></svg>
React
// Gentleface "bean-off" (line-round), MIT. https://gentleface.com/icons/bean-off
import type { SVGProps } from 'react';

export function BeanOffIcon(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.855 12.562C11.029 13.307 10.097 13.889 9.059 14.308C7.917 14.769 6.731 15 5.5 15C4.928 15 4.376 14.895 3.844 14.684C3.266 14.455 2.757 14.121 2.318 13.682C1.879 13.243 1.545 12.734 1.316 12.156C1.105 11.624 1 11.072 1 10.5C1 9.928 1.105 9.376 1.316 8.844C1.545 8.266 1.879 7.757 2.318 7.318C2.757 6.879 3.266 6.545 3.844 6.316C4.313 6.13 4.797 6.026 5.297 6.004L1.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.5ZM11.147 11.854L8.309 9.016C8.027 9.241 7.721 9.431 7.391 9.584C6.968 9.779 6.525 9.906 6.062 9.965C5.926 9.982 5.802 9.948 5.693 9.864C5.584 9.779 5.521 9.668 5.504 9.531C5.487 9.394 5.52 9.271 5.605 9.162C5.69 9.053 5.801 8.99 5.938 8.973C6.297 8.927 6.641 8.828 6.97 8.676C7.193 8.573 7.402 8.449 7.596 8.303L6.147 6.854C5.945 6.951 5.73 7 5.5 7C5.055 7 4.625 7.082 4.212 7.246C3.762 7.424 3.367 7.683 3.025 8.025C2.683 8.367 2.424 8.762 2.246 9.212C2.082 9.625 2 10.055 2 10.5C2 10.945 2.082 11.375 2.246 11.788C2.424 12.238 2.683 12.633 3.025 12.975C3.367 13.317 3.762 13.576 4.212 13.754C4.625 13.918 5.055 14 5.5 14C6.602 14 7.663 13.794 8.684 13.381C9.596 13.013 10.417 12.503 11.147 11.854ZM6.278 3.942C6.434 3.521 6.647 3.132 6.919 2.774C7.205 2.4 7.541 2.077 7.927 1.808C8.314 1.539 8.732 1.335 9.183 1.197C9.612 1.066 10.051 1 10.5 1C11.072 1 11.624 1.105 12.156 1.316C12.734 1.545 13.243 1.879 13.682 2.318C14.121 2.757 14.455 3.266 14.684 3.844C14.895 4.376 15 4.928 15 5.5C15 6.411 14.872 7.303 14.615 8.177C14.358 9.051 13.984 9.871 13.491 10.637C13.416 10.754 13.312 10.826 13.177 10.856C13.042 10.885 12.916 10.862 12.8 10.788C12.785 10.778 12.771 10.768 12.757 10.757L12.673 10.673C12.629 10.616 12.598 10.55 12.582 10.473C12.553 10.338 12.575 10.213 12.65 10.097C13.091 9.411 13.426 8.677 13.655 7.895C13.885 7.113 14 6.315 14 5.5C14 5.055 13.918 4.625 13.754 4.212C13.576 3.762 13.317 3.367 12.975 3.025C12.633 2.683 12.238 2.424 11.788 2.246C11.375 2.082 10.945 2 10.5 2C10.151 2 9.809 2.051 9.475 2.153C9.125 2.261 8.799 2.419 8.499 2.629C8.198 2.838 7.937 3.089 7.715 3.38C7.504 3.658 7.337 3.961 7.216 4.288C7.168 4.42 7.081 4.515 6.958 4.572C6.839 4.627 6.716 4.633 6.59 4.59L6.268 4.268C6.234 4.162 6.237 4.054 6.278 3.942Z" />
    </svg>
  );
}
Vue
Vue: see /icons/bean-off.md
Svelte
Svelte: see /icons/bean-off.md
HTML img
HTML img: see /icons/bean-off.md
CSS
CSS: see /icons/bean-off.md
Data URL
Data URL: see /icons/bean-off.md
Sprite
Sprite: see /icons/bean-off.md
SwiftUI
SwiftUI: see /icons/bean-off.md
Compose
Compose: see /icons/bean-off.md
Android XML
Android XML: see /icons/bean-off.md
Flutter
Flutter: see /icons/bean-off.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. 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.

Meaning

Use it for
soy free, no soy, soy allergy
Example
Soy-free menu filter
Also fits
  • beans: soy-free
Built from
bean + slash
Tags
bean, beans, legume, legumes, soy, soybean, kidney-bean, pulses, coffee-bean, protein, allergen, vegetable, food, slash
Category
Food & drink
Component name
BeanOffIcon
History
  • added

Family 1

bean

More food & drink icons

apple beer bowl bowl-chopsticks bread burger cake carrot cheese chef-hat coffee cookie cookie-off cooking-pot egg egg-fried · all food & drink icons

For agents

Metadata: /icons/bean-off.json · Markdown: /icons/bean-off.md · SVG: https://gentleface.com/svg/{style}/16/bean-off.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/bean-off.png

Feedback