bean icon

Bean: beans, legumes, soy, soybean. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

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="M12.218 12.218C11.29 13.145 10.216 13.85 8.997 14.333C7.874 14.778 6.708 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.376 6.105 4.928 6 5.5 6C5.638 6 5.756 5.951 5.854 5.854C5.951 5.756 6 5.638 6 5.5C6 4.928 6.105 4.376 6.316 3.844C6.545 3.266 6.879 2.757 7.318 2.318C7.757 1.879 8.266 1.545 8.844 1.316C9.376 1.105 9.928 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.708 14.778 7.874 14.333 8.997C13.85 10.216 13.145 11.29 12.218 12.218ZM12.975 3.025C12.633 2.683 12.238 2.424 11.788 2.246C11.375 2.082 10.945 2 10.5 2C10.055 2 9.625 2.082 9.212 2.246C8.762 2.424 8.367 2.683 8.025 3.025C7.683 3.367 7.424 3.762 7.246 4.212C7.082 4.625 7 5.055 7 5.5C7 5.691 6.965 5.875 6.895 6.052C6.818 6.245 6.707 6.414 6.561 6.561C6.414 6.707 6.245 6.818 6.052 6.895C5.875 6.965 5.691 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.581 14 7.624 13.801 8.629 13.403C9.72 12.971 10.681 12.34 11.51 11.51C12.34 10.681 12.971 9.72 13.403 8.629C13.801 7.624 14 6.581 14 5.5C14 5.055 13.918 4.625 13.754 4.212C13.576 3.762 13.317 3.367 12.975 3.025ZM9.56 7.442C9.338 7.905 9.045 8.319 8.682 8.682C8.319 9.045 7.905 9.338 7.442 9.56C7.004 9.769 6.544 9.904 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.486 9.391 5.519 9.268 5.603 9.16C5.686 9.053 5.798 8.99 5.937 8.973C6.312 8.925 6.67 8.82 7.01 8.657C7.371 8.485 7.692 8.257 7.975 7.975C8.257 7.692 8.485 7.371 8.657 7.01C8.82 6.67 8.925 6.312 8.973 5.938C8.99 5.798 9.053 5.686 9.16 5.603C9.268 5.519 9.391 5.486 9.531 5.504C9.668 5.521 9.779 5.584 9.864 5.693C9.948 5.802 9.982 5.926 9.965 6.063C9.904 6.544 9.769 7.004 9.56 7.442Z"/></svg>

React

// Gentleface "bean" (line-round), MIT. https://gentleface.com/icons/bean
import type { SVGProps } from 'react';

export function BeanIcon(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="M12.218 12.218C11.29 13.145 10.216 13.85 8.997 14.333C7.874 14.778 6.708 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.376 6.105 4.928 6 5.5 6C5.638 6 5.756 5.951 5.854 5.854C5.951 5.756 6 5.638 6 5.5C6 4.928 6.105 4.376 6.316 3.844C6.545 3.266 6.879 2.757 7.318 2.318C7.757 1.879 8.266 1.545 8.844 1.316C9.376 1.105 9.928 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.708 14.778 7.874 14.333 8.997C13.85 10.216 13.145 11.29 12.218 12.218ZM12.975 3.025C12.633 2.683 12.238 2.424 11.788 2.246C11.375 2.082 10.945 2 10.5 2C10.055 2 9.625 2.082 9.212 2.246C8.762 2.424 8.367 2.683 8.025 3.025C7.683 3.367 7.424 3.762 7.246 4.212C7.082 4.625 7 5.055 7 5.5C7 5.691 6.965 5.875 6.895 6.052C6.818 6.245 6.707 6.414 6.561 6.561C6.414 6.707 6.245 6.818 6.052 6.895C5.875 6.965 5.691 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.581 14 7.624 13.801 8.629 13.403C9.72 12.971 10.681 12.34 11.51 11.51C12.34 10.681 12.971 9.72 13.403 8.629C13.801 7.624 14 6.581 14 5.5C14 5.055 13.918 4.625 13.754 4.212C13.576 3.762 13.317 3.367 12.975 3.025ZM9.56 7.442C9.338 7.905 9.045 8.319 8.682 8.682C8.319 9.045 7.905 9.338 7.442 9.56C7.004 9.769 6.544 9.904 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.486 9.391 5.519 9.268 5.603 9.16C5.686 9.053 5.798 8.99 5.937 8.973C6.312 8.925 6.67 8.82 7.01 8.657C7.371 8.485 7.692 8.257 7.975 7.975C8.257 7.692 8.485 7.371 8.657 7.01C8.82 6.67 8.925 6.312 8.973 5.938C8.99 5.798 9.053 5.686 9.16 5.603C9.268 5.519 9.391 5.486 9.531 5.504C9.668 5.521 9.779 5.584 9.864 5.693C9.948 5.802 9.982 5.926 9.965 6.063C9.904 6.544 9.769 7.004 9.56 7.442Z" />
    </svg>
  );
}

Vue

Vue: see /icons/bean.md

Svelte

Svelte: see /icons/bean.md

HTML img

HTML img: see /icons/bean.md

CSS

CSS: see /icons/bean.md

Data URL

Data URL: see /icons/bean.md

Sprite

Sprite: see /icons/bean.md

SwiftUI

SwiftUI: see /icons/bean.md

Compose

Compose: see /icons/bean.md

Android XML

Android XML: see /icons/bean.md

Flutter

Flutter: see /icons/bean.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

beans, legumes, soy, soybean, pulses

Alternatives

bean-off: soy-free

Tags

bean, beans, legume, legumes, soy, soybean, kidney-bean, pulses, coffee-bean, protein, allergen, vegetable, food

Category

Food & drink

Component name

BeanIcon

History

2026-10-16 added

Family 1

bean-off

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.json · Markdown: /icons/bean.md · SVG: https://gentleface.com/svg/{style}/16/bean.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/bean.png

bean icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp